From 74e4503668324108cc527ab1924c0c5041bc746e Mon Sep 17 00:00:00 2001
From: Varun Patil <varunpatil@ucla.edu>
Date: Fri, 24 Mar 2023 13:29:23 -0700
Subject: [PATCH] timeline: refactor markup

Signed-off-by: Varun Patil <varunpatil@ucla.edu>
---
 src/components/Timeline.vue | 12 ++++--------
 1 file changed, 4 insertions(+), 8 deletions(-)

diff --git a/src/components/Timeline.vue b/src/components/Timeline.vue
index 3fbe0155..fe0cd0e4 100644
--- a/src/components/Timeline.vue
+++ b/src/components/Timeline.vue
@@ -1,20 +1,16 @@
 <template>
-  <div
-    class="container"
-    ref="container"
-    :class="{ 'icon-loading': loading > 0 }"
-  >
+  <div class="container" ref="container" :class="{ 'icon-loading': loading }">
     <!-- Static top matter -->
     <TopMatter ref="topmatter" />
 
     <!-- No content found and nothing is loading -->
-    <EmptyContent v-if="loading === 0 && list.length === 0" />
+    <EmptyContent v-if="!loading && !list.length" />
 
     <!-- Main recycler view for rows -->
     <RecycleScroller
       ref="recycler"
       class="recycler hide-scrollbar"
-      :class="{ empty: list.length === 0 }"
+      :class="{ empty: !list.length }"
       :items="list"
       :emit-update="true"
       :buffer="800"
@@ -29,7 +25,7 @@
       <template #before>
         <!-- Show dynamic top matter, name of the view -->
         <div class="recycler-before" ref="recyclerBefore">
-          <div class="text" v-show="!$refs.topmatter.type && list.length > 0">
+          <div class="text" v-show="!$refs.topmatter.type && list.length">
             {{ viewName }}
           </div>