diff --git a/public/brand.svg b/public/brand.svg new file mode 100755 index 0000000..e7a3b5f --- /dev/null +++ b/public/brand.svg @@ -0,0 +1,65 @@ + + + Group 10 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/react.svg b/src/assets/react.svg deleted file mode 100644 index 6c87de9..0000000 --- a/src/assets/react.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/src/components/ui/Spinner.tsx b/src/components/ui/Spinner.tsx index f27d78d..f34b054 100644 --- a/src/components/ui/Spinner.tsx +++ b/src/components/ui/Spinner.tsx @@ -1,36 +1,23 @@ -import {SVGProps} from "react"; -import {cn} from "@/lib/utils.ts"; +import {ImgHTMLAttributes} from "react"; import {createPortal} from "react-dom"; +import {Card} from "@/components/ui/card.tsx"; -export interface ISVGProps extends SVGProps { +export interface ISpinnerProps extends ImgHTMLAttributes { size?: number; - className?: string; } export const LoadingSpinner = ({ - size = 24, - className, + size = 128, ...props - }: ISVGProps) => { + }: ISpinnerProps) => { return createPortal( -
- - - - Loading... - +
+ + Loading animation +
+ Loading... +
+
, document.getElementById('loading')!) }; diff --git a/src/pages/home.tsx b/src/pages/home.tsx index b5a5707..2b0fa09 100644 --- a/src/pages/home.tsx +++ b/src/pages/home.tsx @@ -2,6 +2,7 @@ import {useEffect, useState} from "react"; import {ScrollArea, ScrollBar} from "@/components/ui/scroll-area.tsx"; import {Instance, InstancesResponse} from "@/types/InstancesResponse.ts"; import {apiGet} from "@/lib/api.ts"; +import {LoadingSpinner} from "@/components/ui/Spinner.tsx"; export const Home = ()=>{ const [instances, setInstances] = useState() @@ -59,7 +60,9 @@ export const Home = ()=>{ ) })} - : Loading...} + : + + }