From f15a52b1a8ad68230a88a7b10d63fea36fba2a8f Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Stefan=20M=C3=BCller?= Date: Thu, 28 May 2026 01:15:23 +0200 Subject: [PATCH 1/4] Use loading svg of etherpad --- public/brand.svg | 65 +++++++++++++++++++++++++++++++++++ src/assets/react.svg | 1 - src/components/ui/Spinner.tsx | 29 +++++----------- src/pages/home.tsx | 5 ++- 4 files changed, 78 insertions(+), 22 deletions(-) create mode 100755 public/brand.svg delete mode 100644 src/assets/react.svg 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..d76e551 100644 --- a/src/components/ui/Spinner.tsx +++ b/src/components/ui/Spinner.tsx @@ -1,6 +1,6 @@ import {SVGProps} from "react"; -import {cn} from "@/lib/utils.ts"; import {createPortal} from "react-dom"; +import {Card} from "@/components/ui/card.tsx"; export interface ISVGProps extends SVGProps { size?: number; @@ -8,29 +8,18 @@ export interface ISVGProps extends SVGProps { } export const LoadingSpinner = ({ - size = 24, + size = 128, className, ...props }: ISVGProps) => { 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...} + : + + }
From beb26eb5b6f8b81c8800fb234041d47828cd3542 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Stefan=20M=C3=BCller?= Date: Wed, 10 Jun 2026 19:49:38 +0200 Subject: [PATCH 2/4] fix: replace svg props with img props --- src/components/ui/Spinner.tsx | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/src/components/ui/Spinner.tsx b/src/components/ui/Spinner.tsx index d76e551..0cc8661 100644 --- a/src/components/ui/Spinner.tsx +++ b/src/components/ui/Spinner.tsx @@ -1,8 +1,8 @@ -import {SVGProps} from "react"; +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; } @@ -11,7 +11,7 @@ export const LoadingSpinner = ({ size = 128, className, ...props - }: ISVGProps) => { + }: ISpinnerProps) => { return createPortal(
From 4be085895146dfd89fb2cb11999a66746154dd54 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Stefan=20M=C3=BCller?= Date: Wed, 10 Jun 2026 19:52:41 +0200 Subject: [PATCH 3/4] fix: remove unused className property --- src/components/ui/Spinner.tsx | 1 - 1 file changed, 1 deletion(-) diff --git a/src/components/ui/Spinner.tsx b/src/components/ui/Spinner.tsx index 0cc8661..9840033 100644 --- a/src/components/ui/Spinner.tsx +++ b/src/components/ui/Spinner.tsx @@ -4,7 +4,6 @@ import {Card} from "@/components/ui/card.tsx"; export interface ISpinnerProps extends ImgHTMLAttributes { size?: number; - className?: string; } export const LoadingSpinner = ({ From cdbe6a6cb1e2da8b460e02651bda2fca322cd233 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Stefan=20M=C3=BCller?= Date: Wed, 10 Jun 2026 19:59:33 +0200 Subject: [PATCH 4/4] fix: remove also className as parameter --- src/components/ui/Spinner.tsx | 1 - 1 file changed, 1 deletion(-) diff --git a/src/components/ui/Spinner.tsx b/src/components/ui/Spinner.tsx index 9840033..f34b054 100644 --- a/src/components/ui/Spinner.tsx +++ b/src/components/ui/Spinner.tsx @@ -8,7 +8,6 @@ export interface ISpinnerProps extends ImgHTMLAttributes { export const LoadingSpinner = ({ size = 128, - className, ...props }: ISpinnerProps) => { return createPortal(