From e696c5199c63bd2c52f801b7faeb24c67a1967c3 Mon Sep 17 00:00:00 2001
From: Varun Patil <varunpatil@ucla.edu>
Date: Fri, 24 Mar 2023 16:02:10 -0700
Subject: [PATCH] timeline: minor refactor

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

diff --git a/src/components/Timeline.vue b/src/components/Timeline.vue
index fd0b8d9c..ab7f5ba9 100644
--- a/src/components/Timeline.vue
+++ b/src/components/Timeline.vue
@@ -47,10 +47,10 @@
       <template v-slot="{ item, index }">
         <div
           v-if="item.type === 0"
-          class="head-row"
-          :class="{ selected: item.selected }"
-          :style="{ height: item.size + 'px' }"
           :key="item.id"
+          :style="{ height: `${item.size}px` }"
+          :class="{ selected: item.selected }"
+          class="head-row"
         >
           <div class="super" v-if="item.super !== undefined">
             {{ item.super }}
@@ -61,30 +61,27 @@
           </div>
         </div>
 
-        <template v-else>
-          <div
-            class="photo"
-            v-for="photo of item.photos"
-            :key="photo.key"
-            :style="{
-              height: photo.dispH + 'px',
-              width: photo.dispW + 'px',
-              transform: `translate(${photo.dispX}px, ${photo.dispY}px`,
-            }"
-          >
-            <Photo
-              :data="photo"
-              :day="item.day"
-              @select="selectionManager.selectPhoto"
-              @pointerdown="selectionManager.clickPhoto(photo, $event, index)"
-              @touchstart="
-                selectionManager.touchstartPhoto(photo, $event, index)
-              "
-              @touchend="selectionManager.touchendPhoto(photo, $event, index)"
-              @touchmove="selectionManager.touchmovePhoto(photo, $event, index)"
-            />
-          </div>
-        </template>
+        <div
+          v-else
+          v-for="photo of item.photos"
+          :key="photo.key"
+          :style="{
+            height: `${photo.dispH}px`,
+            width: `${photo.dispW}px`,
+            transform: `translate(${photo.dispX}px, ${photo.dispY}px`,
+          }"
+          class="photo"
+        >
+          <Photo
+            :data="photo"
+            :day="item.day"
+            @select="selectionManager.selectPhoto"
+            @pointerdown="selectionManager.clickPhoto(photo, $event, index)"
+            @touchstart="selectionManager.touchstartPhoto(photo, $event, index)"
+            @touchend="selectionManager.touchendPhoto(photo, $event, index)"
+            @touchmove="selectionManager.touchmovePhoto(photo, $event, index)"
+          />
+        </div>
       </template>
     </RecycleScroller>