From 350ffecc1f882b21a1505dd85a241c39f798f305 Mon Sep 17 00:00:00 2001
From: psychedelicious <4822129+psychedelicious@users.noreply.github.com>
Date: Fri, 5 May 2023 10:56:27 +1000
Subject: [PATCH] feat(ui): endless gallery scroll

---
 .../features/gallery/components/ImageGalleryContent.tsx  | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/invokeai/frontend/web/src/features/gallery/components/ImageGalleryContent.tsx b/invokeai/frontend/web/src/features/gallery/components/ImageGalleryContent.tsx
index 1e1e73812f..b257e0b11f 100644
--- a/invokeai/frontend/web/src/features/gallery/components/ImageGalleryContent.tsx
+++ b/invokeai/frontend/web/src/features/gallery/components/ImageGalleryContent.tsx
@@ -170,6 +170,14 @@ const ImageGalleryContent = () => {
     }
   }, []);
 
+  const handleEndReached = useCallback(() => {
+    if (currentCategory === 'results') {
+      dispatch(receivedResultImagesPage());
+    } else if (currentCategory === 'uploads') {
+      dispatch(receivedUploadImagesPage());
+    }
+  }, [dispatch, currentCategory]);
+
   return (
     <Flex flexDirection="column" w="full" h="full" gap={4}>
       <Flex
@@ -310,6 +318,7 @@ const ImageGalleryContent = () => {
                 <VirtuosoGrid
                   style={{ height: '100%' }}
                   data={images}
+                  endReached={handleEndReached}
                   components={{
                     Item: ItemContainer,
                     List: ListContainer,