Mirrored_Repos/InvokeAI
1
0
Fork 0
mirror of https://github.com/invoke-ai/InvokeAI synced 2024-08-30 20:32:17 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix circular dep

Browse Source
This commit is contained in:
Mary Hipp 2024-07-23 20:12:37 -04:00 committed by psychedelicious
parent d1bbd0cf80
commit 7f6f892533
2 changed files with 4 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
invokeai/frontend/web/src/features/gallery/components/Gallery.tsx
View File

@ -2,12 +2,12 @@ import type { ChakraProps } from '@invoke-ai/ui-library';
import { Box, Collapse, Flex, IconButton, Tab, TabList, Tabs, Text, useDisclosure } from '@invoke-ai/ui-library';
import { useAppDispatch, useAppSelector } from 'app/store/storeHooks';
import { galleryViewChanged, searchTermChanged } from 'features/gallery/store/gallerySlice';
import type { CSSProperties } from 'react';
import { useCallback } from 'react';
import { useTranslation } from 'react-i18next';
import { MdSearch, MdSearchOff } from 'react-icons/md';
import { useBoardName } from 'services/api/hooks/useBoardName';
import { COLLAPSE_STYLES } from './ImageGalleryContent';
import GalleryImageGrid from './ImageGrid/GalleryImageGrid';
import { GalleryPagination } from './ImageGrid/GalleryPagination';
import { GallerySearch } from './ImageGrid/GallerySearch';
@ -24,6 +24,8 @@ const SELECTED_STYLES: ChakraProps['sx'] = {
color: 'invokeBlue.300',
};
const COLLAPSE_STYLES: CSSProperties = { flexShrink: 0, minHeight: 0 };
export const Gallery = () => {
const { t } = useTranslation();
const dispatch = useAppDispatch();

2
invokeai/frontend/web/src/features/gallery/components/ImageGalleryContent.tsx
View File

@ -17,7 +17,7 @@ import BoardsSearch from './Boards/BoardsList/BoardsSearch';
import { Gallery } from './Gallery';
import GallerySettingsPopover from './GallerySettingsPopover/GallerySettingsPopover';
export const COLLAPSE_STYLES: CSSProperties = { flexShrink: 0, minHeight: 0 };
const COLLAPSE_STYLES: CSSProperties = { flexShrink: 0, minHeight: 0 };
const ImageGalleryContent = () => {
const { t } = useTranslation();