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(ui): fix viewer getting stuck when spamming toggle

Browse Source
This commit is contained in:
psychedelicious 2024-05-03 20:36:31 +10:00
parent af9f0e0963
commit be7eeb576b
2 changed files with 5 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
invokeai/frontend/web/src/features/gallery/components/ImageViewer/ImageViewer.tsx
View File

@ -42,8 +42,9 @@ export const ImageViewer = memo(() => {
useHotkeys('z', onToggle, { enabled: isViewerEnabled }, [isViewerEnabled, onToggle]); useHotkeys('z', onToggle, { enabled: isViewerEnabled }, [isViewerEnabled, onToggle]);
useHotkeys('esc', onClose, { enabled: isViewerEnabled }, [isViewerEnabled, onClose]); useHotkeys('esc', onClose, { enabled: isViewerEnabled }, [isViewerEnabled, onClose]);
// The AnimatePresence mode must be wait - else framer can get confused if you spam the toggle button
return ( return (
<AnimatePresence> <AnimatePresence mode="wait">
{shouldShowViewer && ( {shouldShowViewer && (
<Flex <Flex
key="imageViewer" key="imageViewer"

6
invokeai/frontend/web/src/features/ui/components/InvokeTabs.tsx
View File

@ -254,11 +254,11 @@ const InvokeTabs = () => {
/> />
</> </>
)} )}
<Panel style={{ position: 'relative' }} id="main-panel" order={1} minSize={20}> <Panel id="main-panel" order={1} minSize={20}>
<TabPanels w="full" h="full"> <TabPanels w="full" h="full" position="relative">
{tabPanels} {tabPanels}
</TabPanels>
<ImageViewer /> <ImageViewer />
</TabPanels>
</Panel> </Panel>
{shouldShowGalleryPanel && ( {shouldShowGalleryPanel && (
<> <>