github/InvokeAI
1
1
Fork 0
mirror of https://github.com/invoke-ai/InvokeAI.git synced 2026-04-23 03:00:31 -04:00
Code Issues Packages Projects Releases Wiki Activity

tidy(ui): remove unused VideoAtPosition component

Browse Source
This commit is contained in:
psychedelicious
2025-08-22 17:17:52 +10:00
parent 7d5b49e70a
commit 9937e35b02
1 changed files with 0 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -69,31 +69,6 @@ const ImageAtPosition = memo(({ imageName }: { index: number; imageName: string
});
ImageAtPosition.displayName = 'ImageAtPosition';
const VideoAtPosition = memo(({ itemId }: { index: number; itemId: string }) => {
/*
* We rely on the useRangeBasedImageFetching to fetch all image DTOs, caching them with RTK Query.
*
* In this component, we just want to consume that cache. Unforutnately, RTK Query does not provide a way to
* subscribe to a query without triggering a new fetch.
*
* There is a hack, though:
* - https://github.com/reduxjs/redux-toolkit/discussions/4213
*
* This essentially means "subscribe to the query once it has some data".
*/
// Use `currentData` instead of `data` to prevent a flash of previous image rendered at this index
const { currentData: item, isUninitialized } = videosApi.endpoints.getVideoDTO.useQueryState(itemId);
videosApi.endpoints.getVideoDTO.useQuerySubscription(itemId, { skip: isUninitialized });
if (!item) {
return <GalleryImagePlaceholder data-item-id={itemId} />;
}
return <GalleryVideo videoDTO={item} />;
});
VideoAtPosition.displayName = 'VideoAtPosition';
const computeItemKey: GridComputeItemKey<string, GridContext> = (index, imageName, { queryArgs }) => {
return `${JSON.stringify(queryArgs)}-${imageName ?? index}`;
};