From 333271bfc0a3280ffecc424fe09d8f09611f1cfc Mon Sep 17 00:00:00 2001
From: Abhinav <abhinavk.grd@gmail.com>
Date: Wed, 26 Jan 2022 11:39:42 +0530
Subject: [PATCH] fix getThumbnail erroring out on hot reload

---
 src/components/PhotoFrame.tsx | 14 +++++++-------
 src/components/PhotoList.tsx  |  5 ++++-
 2 files changed, 11 insertions(+), 8 deletions(-)

diff --git a/src/components/PhotoFrame.tsx b/src/components/PhotoFrame.tsx
index 25bb02bb3..fd44b89cd 100644
--- a/src/components/PhotoFrame.tsx
+++ b/src/components/PhotoFrame.tsx
@@ -334,19 +334,19 @@ const PhotoFrame = ({
             handleSelect(filteredData[index].id, index)(!checked);
         }
     };
-    const getThumbnail = (file: EnteFile[], index: number) => (
+    const getThumbnail = (files: EnteFile[], index: number) => (
         <PreviewCard
-            key={`tile-${file[index].id}-selected-${
-                selected[file[index].id] ?? false
+            key={`tile-${files[index].id}-selected-${
+                selected[files[index].id] ?? false
             }`}
-            file={file[index]}
-            updateURL={updateURL(file[index].dataIndex)}
+            file={files[index]}
+            updateURL={updateURL(files[index].dataIndex)}
             onClick={onThumbnailClick(index)}
             selectable={!isSharedCollection}
-            onSelect={handleSelect(file[index].id, index)}
+            onSelect={handleSelect(files[index].id, index)}
             selected={
                 selected.collectionID === activeCollection &&
-                selected[file[index].id]
+                selected[files[index].id]
             }
             selectOnClick={selected.count > 0}
             onHover={onHoverOver(index)}
diff --git a/src/components/PhotoList.tsx b/src/components/PhotoList.tsx
index dcf42661b..577694a25 100644
--- a/src/components/PhotoList.tsx
+++ b/src/components/PhotoList.tsx
@@ -120,7 +120,7 @@ interface Props {
     width: number;
     filteredData: EnteFile[];
     showAppDownloadBanner: boolean;
-    getThumbnail: (file: EnteFile[], index: number) => JSX.Element;
+    getThumbnail: (files: EnteFile[], index: number) => JSX.Element;
     activeCollection: number;
     resetFetching: () => void;
 }
@@ -439,6 +439,9 @@ export function PhotoList({
             }
         }
     };
+    if (!timeStampList) {
+        return <></>;
+    }
 
     return (
         <List