From 38474fa9d4621c684c9ec1000c7dfdff8432abab Mon Sep 17 00:00:00 2001
From: psychedelicious <4822129+psychedelicious@users.noreply.github.com>
Date: Wed, 26 Apr 2023 11:39:10 +1000
Subject: [PATCH] feat(ui): add lil spinner to loading

---
 .../web/src/common/components/Loading/Loading.tsx   | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/invokeai/frontend/web/src/common/components/Loading/Loading.tsx b/invokeai/frontend/web/src/common/components/Loading/Loading.tsx
index 16c646b0a3..45a304747b 100644
--- a/invokeai/frontend/web/src/common/components/Loading/Loading.tsx
+++ b/invokeai/frontend/web/src/common/components/Loading/Loading.tsx
@@ -1,4 +1,4 @@
-import { Flex, Image } from '@chakra-ui/react';
+import { Flex, Image, Spinner } from '@chakra-ui/react';
 import InvokeAILogoImage from 'assets/images/logo.png';
 
 // This component loads before the theme so we cannot use theme tokens here
@@ -14,6 +14,17 @@ const Loading = () => {
       bg="#151519"
     >
       <Image src={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"
+        speed="1.2s"
+      />
     </Flex>
   );
 };