From 9c6522480fb931c22a513a469209ecfec3026119 Mon Sep 17 00:00:00 2001
From: Varun Patil <varunpatil@ucla.edu>
Date: Mon, 10 Oct 2022 17:10:44 -0700
Subject: [PATCH] Move top matter above error

---
 src/components/Timeline.vue | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/components/Timeline.vue b/src/components/Timeline.vue
index 0b466e2c..b024e0bb 100644
--- a/src/components/Timeline.vue
+++ b/src/components/Timeline.vue
@@ -1,5 +1,12 @@
 <template>
     <div class="container" ref="container" :class="{ 'icon-loading': loading > 0 }">
+        <!-- Static top matter -->
+        <div ref="topmatter" class="top-matter" v-if="topMatterType">
+            <FolderTopMatter v-if="topMatterType === 1" />
+            <TagTopMatter v-else-if="topMatterType === 2" />
+            <FaceTopMatter v-else-if="topMatterType === 3" />
+        </div>
+
         <!-- No content found and nothing is loading -->
         <NcEmptyContent title="Nothing to show here" v-if="loading === 0 && list.length === 0">
             <template #icon>
@@ -9,13 +16,6 @@
             </template>
         </NcEmptyContent>
 
-        <!-- Static top matter -->
-        <div ref="topmatter" class="top-matter" v-if="topMatterType">
-            <FolderTopMatter v-if="topMatterType === 1" />
-            <TagTopMatter v-else-if="topMatterType === 2" />
-            <FaceTopMatter v-else-if="topMatterType === 3" />
-        </div>
-
         <!-- Main recycler view for rows -->
         <RecycleScroller
             ref="recycler"