kanban : prepare empty states

public/content/projects/1_miss-dior-blooming-bouquet/3_extended-brief/extended-brief.txt

@@ -6,7 +6,7 @@ Stepname: extendedBrief
 
 ----
 
-Pdf: - file://znIEFNoLyfGe7Lw4
+Pdf: 
 
 ----
 

src/components/project/ProjectStep.vue

@@ -9,6 +9,14 @@
       <span :data-icon="step.id">{{ step.label }}</span>
     </h2>
     <div class="cards | flow">
+      <template
+        v-if="
+          step.id === 'clientBrief' ||
+          step.files.dynamic ||
+          step.files.static ||
+          step.files.length
+        "
+      >
         <article class="card" v-if="step.id !== 'proposal'">
           <hgroup class="order-last">
             <h3 class="card__title | font-serif | text-lg">
@@ -88,7 +96,9 @@
                   class="link-full"
                 >
                   {{
-                  file.label.length ? file.label : file.name.replace(".pdf", "")
+                    file.label.length
+                      ? file.label
+                      : file.name.replace(".pdf", "")
                   }}
                 </router-link>
               </h3>
@@ -115,6 +125,9 @@
             </footer>
           </article>
         </template>
+      </template>
+      <!-- Empty state -->
+      <template v-else> </template>
     </div>
   </section>
 </template>