From e7be5e679c11bf55f4ac1b6093cab0d493eb14ef Mon Sep 17 00:00:00 2001
From: Abhinav <abhinavk.grd@gmail.com>
Date: Tue, 29 Nov 2022 16:15:21 +0530
Subject: [PATCH] don't show collections for trash files

---
 src/components/PhotoViewer/FileInfo/index.tsx | 40 +++++++++++--------
 src/components/PhotoViewer/index.tsx          |  1 +
 2 files changed, 24 insertions(+), 17 deletions(-)

diff --git a/src/components/PhotoViewer/FileInfo/index.tsx b/src/components/PhotoViewer/FileInfo/index.tsx
index 97f18b6b2..d7704721a 100644
--- a/src/components/PhotoViewer/FileInfo/index.tsx
+++ b/src/components/PhotoViewer/FileInfo/index.tsx
@@ -44,6 +44,7 @@ interface Iprops {
     refreshPhotoswipe: () => void;
     fileToCollectionsMap: Map<number, number[]>;
     collectionNameMap: Map<number, string>;
+    isTrashCollection: boolean;
 }
 
 function BasicDeviceCamera({
@@ -77,6 +78,7 @@ export function FileInfo({
     refreshPhotoswipe,
     fileToCollectionsMap,
     collectionNameMap,
+    isTrashCollection,
 }: Iprops) {
     const [location, setLocation] = useState<Location>(null);
     const [parsedExifData, setParsedExifData] = useState<Record<string, any>>();
@@ -244,23 +246,27 @@ export function FileInfo({
                     caption={formatTime(file.metadata.modificationTime / 1000)}
                     hideEditOption
                 />
-
-                <InfoItem icon={<FolderOutlined />} hideEditOption>
-                    <Box
-                        display={'flex'}
-                        gap={1}
-                        flexWrap="wrap"
-                        justifyContent={'flex-start'}
-                        alignItems={'flex-start'}>
-                        {fileToCollectionsMap
-                            .get(file.id)
-                            ?.map((collectionID) => (
-                                <Chip key={collectionID}>
-                                    {collectionNameMap.get(collectionID)}
-                                </Chip>
-                            ))}
-                    </Box>
-                </InfoItem>
+                {!isTrashCollection && (
+                    <InfoItem icon={<FolderOutlined />} hideEditOption>
+                        <Box
+                            display={'flex'}
+                            gap={1}
+                            flexWrap="wrap"
+                            justifyContent={'flex-start'}
+                            alignItems={'flex-start'}>
+                            {fileToCollectionsMap
+                                .get(file.id)
+                                ?.filter((collectionID) =>
+                                    collectionNameMap.has(collectionID)
+                                )
+                                ?.map((collectionID) => (
+                                    <Chip key={collectionID}>
+                                        {collectionNameMap.get(collectionID)}
+                                    </Chip>
+                                ))}
+                        </Box>
+                    </InfoItem>
+                )}
             </Stack>
             <ExifData
                 exif={exif}
diff --git a/src/components/PhotoViewer/index.tsx b/src/components/PhotoViewer/index.tsx
index f9d0b8c08..11e56d890 100644
--- a/src/components/PhotoViewer/index.tsx
+++ b/src/components/PhotoViewer/index.tsx
@@ -630,6 +630,7 @@ function PhotoViewer(props: Iprops) {
                 </div>
             </div>
             <FileInfo
+                isTrashCollection={props.isTrashCollection}
                 shouldDisableEdits={props.isSharedCollection}
                 showInfo={showInfo}
                 handleCloseInfo={handleCloseInfo}