only show delete icon if big enough

invoke-ai · Jul 5, 2023 · 840c8cf · 840c8cf
1 parent 818616a
commit 840c8cf
Showing 1 changed file with 7 additions and 2 deletions.
diff --git a/invokeai/frontend/web/src/features/gallery/components/GalleryImage.tsx b/invokeai/frontend/web/src/features/gallery/components/GalleryImage.tsx
@@ -23,9 +23,11 @@ export const makeSelector = (image_name: string) =>
     ({ gallery }) => {
       const isSelected = gallery.selection.includes(image_name);
       const selectionCount = gallery.selection.length;
+      const galleryImageMinimumWidth = gallery.galleryImageMinimumWidth;
       return {
         isSelected,
         selectionCount,
+        galleryImageMinimumWidth,
       };
     },
     defaultSelectorOptions
@@ -44,7 +46,8 @@ const GalleryImage = (props: HoverableImageProps) => {
 
   const localSelector = useMemo(() => makeSelector(image_name), [image_name]);
 
-  const { isSelected, selectionCount } = useAppSelector(localSelector);
+  const { isSelected, selectionCount, galleryImageMinimumWidth } =
+    useAppSelector(localSelector);
 
   const dispatch = useAppDispatch();
 
@@ -113,7 +116,9 @@ const GalleryImage = (props: HoverableImageProps) => {
               draggableData={draggableData}
               isSelected={isSelected}
               minSize={0}
-              onClickReset={handleDelete}
+              onClickReset={
+                galleryImageMinimumWidth > 60 ? handleDelete : undefined
+              }
               resetIcon={<FaTrash />}
               resetTooltip="Delete image"
               imageSx={{ w: 'full', h: 'full' }}