Files
InvokeAI/invokeai/frontend/web/src/features/gallery/components/ImageViewer/ImageViewerPanel.tsx
2025-07-01 23:37:31 +10:00

20 lines
654 B
TypeScript

import { Divider, Flex } from '@invoke-ai/ui-library';
import { ImageViewer } from 'features/gallery/components/ImageViewer/ImageViewer';
import { ViewerToolbar } from 'features/gallery/components/ImageViewer/ViewerToolbar';
import { memo } from 'react';
import { ImageViewerContextProvider } from './context';
export const ImageViewerPanel = memo(() => {
return (
<ImageViewerContextProvider>
<Flex flexDir="column" w="full" h="full" overflow="hidden" gap={2}>
<ViewerToolbar />
<Divider />
<ImageViewer />
</Flex>
</ImageViewerContextProvider>
);
});
ImageViewerPanel.displayName = 'ImageViewerPanel';