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

delete ImageToImageContent.tsx

Browse Source
This commit is contained in:
SammCheese 2023-04-22 08:43:14 +02:00
parent 3044f3bfe5
commit 6e29148d4d
No known key found for this signature in database
GPG Key ID: 28CFE2321A140BA1
1 changed files with 0 additions and 50 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

50
invokeai/frontend/web/src/features/ui/components/tabs/ImageToImage/ImageToImageContent.tsx
View File

@ -1,50 +0,0 @@
import { ChakraProps, Flex, Grid } from '@chakra-ui/react';
import { RootState } from 'app/store';
import { useAppSelector } from 'app/storeHooks';
import ImageUploadButton from 'common/components/ImageUploaderButton';
import CurrentImageDisplay from 'features/gallery/components/CurrentImageDisplay';
import InitImagePreview from './InitImagePreview';
const workareaSplitViewStyle: ChakraProps['sx'] = {
flexDirection: 'column',
height: '100%',
width: '100%',
gap: 4,
padding: 4,
};
const ImageToImageContent = () => {
const initialImage = useAppSelector(
(state: RootState) => state.generation.initialImage
);
const imageToImageComponent = initialImage ? (
<Flex flexDirection="column" gap={4} w="100%" h="100%">
<InitImagePreview />
</Flex>
) : (
<ImageUploadButton />
);
return (
<Grid
sx={{
w: '100%',
h: '100%',
gridTemplateColumns: { base: '1fr 4fr', xl: '1fr 1fr' },
borderRadius: 'base',
bg: 'base.850',
}}
>
<Flex sx={{ ...workareaSplitViewStyle, paddingInlineEnd: 2 }}>
{imageToImageComponent}
</Flex>
<Flex sx={{ ...workareaSplitViewStyle, paddingInlineStart: 2 }}>
<CurrentImageDisplay />
</Flex>
</Grid>
);
};
export default ImageToImageContent;