mirror of
https://github.com/invoke-ai/InvokeAI.git
synced 2026-02-14 12:55:05 -05:00
38 lines
918 B
TypeScript
38 lines
918 B
TypeScript
import { Flex, Image, Spinner } from '@chakra-ui/react';
|
|
import InvokeAILogoNew from 'assets/images/invoke-key-wht-lrg.svg';
|
|
import InvokeAILogoImage from 'assets/images/logo.png';
|
|
import { memo } from 'react';
|
|
|
|
// This component loads before the theme so we cannot use theme tokens here
|
|
|
|
const Loading = ({ useNewLogo }: { useNewLogo: boolean }) => {
|
|
return (
|
|
<Flex
|
|
position="relative"
|
|
width="100vw"
|
|
height="100vh"
|
|
alignItems="center"
|
|
justifyContent="center"
|
|
bg="#151519"
|
|
>
|
|
<Image
|
|
src={useNewLogo ? InvokeAILogoNew : InvokeAILogoImage}
|
|
w="8rem"
|
|
h="8rem"
|
|
/>
|
|
<Spinner
|
|
label="Loading"
|
|
color="grey"
|
|
position="absolute"
|
|
size="sm"
|
|
width="24px !important"
|
|
height="24px !important"
|
|
right="1.5rem"
|
|
bottom="1.5rem"
|
|
/>
|
|
</Flex>
|
|
);
|
|
};
|
|
|
|
export default memo(Loading);
|