diff --git a/invokeai/frontend/web/src/features/gallery/components/ImageGrid/GalleryImageGrid.tsx b/invokeai/frontend/web/src/features/gallery/components/ImageGrid/GalleryImageGrid.tsx index 0b78a1f29c..a017a90490 100644 --- a/invokeai/frontend/web/src/features/gallery/components/ImageGrid/GalleryImageGrid.tsx +++ b/invokeai/frontend/web/src/features/gallery/components/ImageGrid/GalleryImageGrid.tsx @@ -12,8 +12,7 @@ import { PiImageBold, PiWarningCircleBold } from 'react-icons/pi'; import { useListImagesQuery } from 'services/api/endpoints/images'; import GalleryImage, { GALLERY_IMAGE_CLASS_NAME } from './GalleryImage'; - -export const GALLERY_GRID_CLASS_NAME = 'gallery-grid'; +import { GALLERY_GRID_CLASS_NAME } from './constants'; const GalleryImageGrid = () => { useGalleryHotkeys(); diff --git a/invokeai/frontend/web/src/features/gallery/components/ImageGrid/constants.ts b/invokeai/frontend/web/src/features/gallery/components/ImageGrid/constants.ts new file mode 100644 index 0000000000..513a465d1a --- /dev/null +++ b/invokeai/frontend/web/src/features/gallery/components/ImageGrid/constants.ts @@ -0,0 +1 @@ +export const GALLERY_GRID_CLASS_NAME = 'gallery-grid'; \ No newline at end of file diff --git a/invokeai/frontend/web/src/features/gallery/hooks/useGalleryNavigation.ts b/invokeai/frontend/web/src/features/gallery/hooks/useGalleryNavigation.ts index ea7b896c82..fc2b34619e 100644 --- a/invokeai/frontend/web/src/features/gallery/hooks/useGalleryNavigation.ts +++ b/invokeai/frontend/web/src/features/gallery/hooks/useGalleryNavigation.ts @@ -1,7 +1,6 @@ import { useAltModifier } from '@invoke-ai/ui-library'; import { useAppDispatch, useAppSelector } from 'app/store/storeHooks'; import { GALLERY_IMAGE_CLASS_NAME } from 'features/gallery/components/ImageGrid/GalleryImage'; -import { GALLERY_GRID_CLASS_NAME } from 'features/gallery/components/ImageGrid/GalleryImageGrid'; import { getGalleryImageDataTestId } from 'features/gallery/components/ImageGrid/getGalleryImageDataTestId'; import { virtuosoGridRefs } from 'features/gallery/components/ImageGrid/types'; import { useGalleryImages } from 'features/gallery/hooks/useGalleryImages'; @@ -11,6 +10,7 @@ import { getScrollToIndexAlign } from 'features/gallery/util/getScrollToIndexAli import { clamp } from 'lodash-es'; import { useCallback, useMemo } from 'react'; import type { ImageDTO } from 'services/api/types'; +import { GALLERY_GRID_CLASS_NAME } from '../components/ImageGrid/constants'; /** * This hook is used to navigate the gallery using the arrow keys.