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

option to use new brand for loader

Browse Source
This commit is contained in:
Mary Hipp 2024-01-02 09:42:54 -05:00 committed by Kent Keirsey
parent cefdf9ed00
commit a408f562d6
3 changed files with 14 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
invokeai/frontend/web/src/app/components/InvokeAIUI.tsx
View File

@ -39,6 +39,7 @@ interface Props extends PropsWithChildren {
customStarUi?: CustomStarUi;
socketOptions?: Partial<ManagerOptions & SocketOptions>;
isDebugging?: boolean;
useNewLogo?: boolean;
}
const InvokeAIUI = ({
@ -53,6 +54,7 @@ const InvokeAIUI = ({
customStarUi,
socketOptions,
isDebugging = false,
useNewLogo = false,
}: Props) => {
useEffect(() => {
// configure API client token
@ -146,7 +148,7 @@ const InvokeAIUI = ({
return (
<React.StrictMode>
<Provider store={store}>
<React.Suspense fallback={<Loading />}>
<React.Suspense fallback={<Loading useNewLogo={!!useNewLogo} />}>
<ThemeLocaleProvider>
<AppDndContext>
<App config={config} selectedImage={selectedImage} />

4
invokeai/frontend/web/src/assets/images/invoke-key-wht-lrg.svg Normal file
View File

@ -0,0 +1,4 @@
<svg width="106" height="106" viewBox="0 0 106 106" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="3" y="3" width="100" height="100" rx="6.66667" stroke="white" stroke-width="5"/>
<path d="M63.9137 36H83.1211V23H23.1211V36H42.3285L63.9137 70H83.1211V83H23.1211V70H42.3285" stroke="white" stroke-width="5"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 324 B

9
invokeai/frontend/web/src/common/components/Loading/Loading.tsx
View File

@ -1,10 +1,11 @@
import { Flex, Image, Spinner } from '@chakra-ui/react';
import InvokeAILogoImage from 'assets/images/logo.png';
import InvokeAILogoNew from 'assets/images/invoke-key-wht-lrg.svg';
import { memo } from 'react';
// This component loads before the theme so we cannot use theme tokens here
const Loading = () => {
const Loading = ({ useNewLogo }: { useNewLogo: boolean }) => {
return (
<Flex
position="relative"
@ -14,7 +15,11 @@ const Loading = () => {
justifyContent="center"
bg="#151519"
>
<Image src={InvokeAILogoImage} w="8rem" h="8rem" />
<Image
src={useNewLogo ? InvokeAILogoNew : InvokeAILogoImage}
w="8rem"
h="8rem"
/>
<Spinner
label="Loading"
color="grey"