mirror of
https://github.com/invoke-ai/InvokeAI
synced 2024-08-30 20:32:17 +00:00
fix circular dep
This commit is contained in:
parent
d1bbd0cf80
commit
7f6f892533
@ -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 { Box, Collapse, Flex, IconButton, Tab, TabList, Tabs, Text, useDisclosure } from '@invoke-ai/ui-library';
|
||||||
import { useAppDispatch, useAppSelector } from 'app/store/storeHooks';
|
import { useAppDispatch, useAppSelector } from 'app/store/storeHooks';
|
||||||
import { galleryViewChanged, searchTermChanged } from 'features/gallery/store/gallerySlice';
|
import { galleryViewChanged, searchTermChanged } from 'features/gallery/store/gallerySlice';
|
||||||
|
import type { CSSProperties } from 'react';
|
||||||
import { useCallback } from 'react';
|
import { useCallback } from 'react';
|
||||||
import { useTranslation } from 'react-i18next';
|
import { useTranslation } from 'react-i18next';
|
||||||
import { MdSearch, MdSearchOff } from 'react-icons/md';
|
import { MdSearch, MdSearchOff } from 'react-icons/md';
|
||||||
import { useBoardName } from 'services/api/hooks/useBoardName';
|
import { useBoardName } from 'services/api/hooks/useBoardName';
|
||||||
|
|
||||||
import { COLLAPSE_STYLES } from './ImageGalleryContent';
|
|
||||||
import GalleryImageGrid from './ImageGrid/GalleryImageGrid';
|
import GalleryImageGrid from './ImageGrid/GalleryImageGrid';
|
||||||
import { GalleryPagination } from './ImageGrid/GalleryPagination';
|
import { GalleryPagination } from './ImageGrid/GalleryPagination';
|
||||||
import { GallerySearch } from './ImageGrid/GallerySearch';
|
import { GallerySearch } from './ImageGrid/GallerySearch';
|
||||||
@ -24,6 +24,8 @@ const SELECTED_STYLES: ChakraProps['sx'] = {
|
|||||||
color: 'invokeBlue.300',
|
color: 'invokeBlue.300',
|
||||||
};
|
};
|
||||||
|
|
||||||
|
const COLLAPSE_STYLES: CSSProperties = { flexShrink: 0, minHeight: 0 };
|
||||||
|
|
||||||
export const Gallery = () => {
|
export const Gallery = () => {
|
||||||
const { t } = useTranslation();
|
const { t } = useTranslation();
|
||||||
const dispatch = useAppDispatch();
|
const dispatch = useAppDispatch();
|
||||||
|
@ -17,7 +17,7 @@ import BoardsSearch from './Boards/BoardsList/BoardsSearch';
|
|||||||
import { Gallery } from './Gallery';
|
import { Gallery } from './Gallery';
|
||||||
import GallerySettingsPopover from './GallerySettingsPopover/GallerySettingsPopover';
|
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 ImageGalleryContent = () => {
|
||||||
const { t } = useTranslation();
|
const { t } = useTranslation();
|
||||||
|
Loading…
Reference in New Issue
Block a user