github/InvokeAI
1
1
Fork 0
mirror of https://github.com/invoke-ai/InvokeAI.git synced 2026-02-12 15:24:55 -05:00
Code Issues Packages Projects Releases Wiki Activity

refactor: gallery scroll (improved impl)

Browse Source
This commit is contained in:
psychedelicious
2025-06-25 00:51:16 +10:00
parent f68d8ed36a
commit adea983bfc
1 changed files with 9 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
invokeai/frontend/web/src/features/gallery/components/NewGallery.tsx
View File

@@ -1,5 +1,6 @@
import { Box, Flex, forwardRef, Grid, GridItem, Skeleton, Spinner, Text } from '@invoke-ai/ui-library';
import { logger } from 'app/logging/logger';
import { EMPTY_ARRAY } from 'app/store/constants';
import { useAppDispatch, useAppSelector } from 'app/store/storeHooks';
import {
selectGalleryImageMinimumWidth,
@@ -303,6 +304,13 @@ const useKeyboardNavigation = (
}, [handleKeyDown]);
};
const getImageNamesQueryOptions = {
selectFromResult: ({ data, isLoading }) => ({
imageNames: data ?? EMPTY_ARRAY,
isLoading,
}),
} satisfies Parameters<typeof useGetImageNamesQuery>[1];
// Main gallery component
export const NewGallery = memo(() => {
const queryArgs = useDebouncedImageCollectionQueryArgs();
@@ -310,7 +318,7 @@ export const NewGallery = memo(() => {
const rangeRef = useRef<ListRange>({ startIndex: 0, endIndex: 0 });
// Get the ordered list of image names - this is our primary data source for virtualization
const { data: imageNames = [], isLoading } = useGetImageNamesQuery(queryArgs);
const { imageNames, isLoading } = useGetImageNamesQuery(queryArgs, getImageNamesQueryOptions);
// Reset scroll position when query parameters change
useEffect(() => {