From 7f6f89253306426ba7c7ce55d8609b1f0cf0bf4a Mon Sep 17 00:00:00 2001
From: Mary Hipp <maryhipp@Marys-MacBook-Air.local>
Date: Tue, 23 Jul 2024 20:12:37 -0400
Subject: [PATCH] fix circular dep

---
 .../frontend/web/src/features/gallery/components/Gallery.tsx  | 4 +++-
 .../src/features/gallery/components/ImageGalleryContent.tsx   | 2 +-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/invokeai/frontend/web/src/features/gallery/components/Gallery.tsx b/invokeai/frontend/web/src/features/gallery/components/Gallery.tsx
index 7a320099ee..e8fc983e47 100644
--- a/invokeai/frontend/web/src/features/gallery/components/Gallery.tsx
+++ b/invokeai/frontend/web/src/features/gallery/components/Gallery.tsx
@@ -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();
diff --git a/invokeai/frontend/web/src/features/gallery/components/ImageGalleryContent.tsx b/invokeai/frontend/web/src/features/gallery/components/ImageGalleryContent.tsx
index be87ffb918..9eda370ac9 100644
--- a/invokeai/frontend/web/src/features/gallery/components/ImageGalleryContent.tsx
+++ b/invokeai/frontend/web/src/features/gallery/components/ImageGalleryContent.tsx
@@ -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();