This commit is contained in:
Mary Hipp 2024-06-24 15:00:04 -04:00 committed by psychedelicious
parent 9f30f1bfec
commit 84ffd36071
4 changed files with 10 additions and 5 deletions

View File

@ -1,6 +1,11 @@
import { isAnyOf } from '@reduxjs/toolkit';
import type { AppStartListening } from 'app/store/middleware/listenerMiddleware';
import { boardIdSelected, galleryViewChanged, imageSelected, selectionChanged } from 'features/gallery/store/gallerySlice';
import {
boardIdSelected,
galleryViewChanged,
imageSelected,
selectionChanged,
} from 'features/gallery/store/gallerySlice';
import { ASSETS_CATEGORIES, IMAGE_CATEGORIES } from 'features/gallery/store/types';
import { imagesApi } from 'services/api/endpoints/images';
@ -22,7 +27,7 @@ export const addBoardIdSelectedListener = (startAppListening: AppStartListening)
const queryArgs = { board_id: board_id ?? 'none', categories };
dispatch(selectionChanged([]))
dispatch(selectionChanged([]));
// wait until the board has some images - maybe it already has some from a previous fetch
// must use getState() to ensure we do not have stale state

View File

@ -11,8 +11,8 @@ import { useTranslation } from 'react-i18next';
import { PiImageBold, PiWarningCircleBold } from 'react-icons/pi';
import { useListImagesQuery } from 'services/api/endpoints/images';
import GalleryImage, { GALLERY_IMAGE_CLASS_NAME } from './GalleryImage';
import { GALLERY_GRID_CLASS_NAME } from './constants';
import GalleryImage, { GALLERY_IMAGE_CLASS_NAME } from './GalleryImage';
const GalleryImageGrid = () => {
useGalleryHotkeys();

View File

@ -1 +1 @@
export const GALLERY_GRID_CLASS_NAME = 'gallery-grid';
export const GALLERY_GRID_CLASS_NAME = 'gallery-grid';

View File

@ -1,5 +1,6 @@
import { useAltModifier } from '@invoke-ai/ui-library';
import { useAppDispatch, useAppSelector } from 'app/store/storeHooks';
import { GALLERY_GRID_CLASS_NAME } from 'features/gallery/components/ImageGrid/constants';
import { GALLERY_IMAGE_CLASS_NAME } from 'features/gallery/components/ImageGrid/GalleryImage';
import { getGalleryImageDataTestId } from 'features/gallery/components/ImageGrid/getGalleryImageDataTestId';
import { virtuosoGridRefs } from 'features/gallery/components/ImageGrid/types';
@ -10,7 +11,6 @@ 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.