From 50ccd4ebcda234e168ba6c132225d37d6aff257f Mon Sep 17 00:00:00 2001
From: headlessdev <damian.bergemann@outlook.com>
Date: Sat, 12 Apr 2025 17:32:02 +0200
Subject: [PATCH] Laoding Spinner

---
 app/dashboard/applications/Applications.tsx |  1 -
 app/dashboard/applications/page.tsx         | 14 +++++++++++++-
 app/dashboard/page.tsx                      | 14 +++++++++++++-
 app/dashboard/servers/page.tsx              | 14 +++++++++++++-
 4 files changed, 39 insertions(+), 4 deletions(-)

diff --git a/app/dashboard/applications/Applications.tsx b/app/dashboard/applications/Applications.tsx
index 8837228..f3defbb 100644
--- a/app/dashboard/applications/Applications.tsx
+++ b/app/dashboard/applications/Applications.tsx
@@ -244,7 +244,6 @@ export default function Dashboard() {
               className={isGridLayout ? "h-full flex flex-col justify-between relative" : "w-full mb-4 relative"}
             >
               <CardHeader>
-                {/* Online-/Offline-Indikator mit innerem Kreis */}
                 <div className="absolute top-2 right-2">
                   <div
                     className={`w-4 h-4 rounded-full flex items-center justify-center ${app.online ? "bg-green-700" : "bg-red-700"}`}
diff --git a/app/dashboard/applications/page.tsx b/app/dashboard/applications/page.tsx
index f45addb..0d6f16c 100644
--- a/app/dashboard/applications/page.tsx
+++ b/app/dashboard/applications/page.tsx
@@ -38,7 +38,19 @@ export default function DashboardPage() {
     if (!isAuthChecked) {
         return (
             <div className="flex items-center justify-center h-screen">
-                <span className="loading loading-infinity loading-xl"></span>
+                <div className='inline-block' role='status' aria-label='loading'>
+                <svg className='w-6 h-6 stroke-white animate-spin ' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'>
+                <g clip-path='url(#clip0_9023_61563)'>
+                    <path d='M14.6437 2.05426C11.9803 1.2966 9.01686 1.64245 6.50315 3.25548C1.85499 6.23817 0.504864 12.4242 3.48756 17.0724C6.47025 21.7205 12.6563 23.0706 17.3044 20.088C20.4971 18.0393 22.1338 14.4793 21.8792 10.9444' stroke='stroke-current' stroke-width='1.4' stroke-linecap='round' class='my-path'></path>
+                </g>
+                <defs>
+                    <clipPath id='clip0_9023_61563'>
+                    <rect width='24' height='24' fill='white'></rect>
+                    </clipPath>
+                </defs>
+                </svg>
+                <span className='sr-only'>Loading...</span>
+                </div>
             </div>
         )
     }
diff --git a/app/dashboard/page.tsx b/app/dashboard/page.tsx
index c95a1bd..eadd44e 100644
--- a/app/dashboard/page.tsx
+++ b/app/dashboard/page.tsx
@@ -38,7 +38,19 @@ export default function DashboardPage() {
     if (!isAuthChecked) {
         return (
             <div className="flex items-center justify-center h-screen">
-                <span className="loading loading-infinity loading-xl"></span>
+                <div className='inline-block' role='status' aria-label='loading'>
+                <svg className='w-6 h-6 stroke-white animate-spin ' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'>
+                <g clip-path='url(#clip0_9023_61563)'>
+                    <path d='M14.6437 2.05426C11.9803 1.2966 9.01686 1.64245 6.50315 3.25548C1.85499 6.23817 0.504864 12.4242 3.48756 17.0724C6.47025 21.7205 12.6563 23.0706 17.3044 20.088C20.4971 18.0393 22.1338 14.4793 21.8792 10.9444' stroke='stroke-current' stroke-width='1.4' stroke-linecap='round' class='my-path'></path>
+                </g>
+                <defs>
+                    <clipPath id='clip0_9023_61563'>
+                    <rect width='24' height='24' fill='white'></rect>
+                    </clipPath>
+                </defs>
+                </svg>
+                <span className='sr-only'>Loading...</span>
+                </div>
             </div>
         )
     }
diff --git a/app/dashboard/servers/page.tsx b/app/dashboard/servers/page.tsx
index 20b8d28..795eaf5 100644
--- a/app/dashboard/servers/page.tsx
+++ b/app/dashboard/servers/page.tsx
@@ -38,7 +38,19 @@ export default function DashboardPage() {
     if (!isAuthChecked) {
         return (
             <div className="flex items-center justify-center h-screen">
-                <span className="loading loading-infinity loading-xl"></span>
+                <div className='inline-block' role='status' aria-label='loading'>
+                <svg className='w-6 h-6 stroke-white animate-spin ' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'>
+                <g clip-path='url(#clip0_9023_61563)'>
+                    <path d='M14.6437 2.05426C11.9803 1.2966 9.01686 1.64245 6.50315 3.25548C1.85499 6.23817 0.504864 12.4242 3.48756 17.0724C6.47025 21.7205 12.6563 23.0706 17.3044 20.088C20.4971 18.0393 22.1338 14.4793 21.8792 10.9444' stroke='stroke-current' stroke-width='1.4' stroke-linecap='round' class='my-path'></path>
+                </g>
+                <defs>
+                    <clipPath id='clip0_9023_61563'>
+                    <rect width='24' height='24' fill='white'></rect>
+                    </clipPath>
+                </defs>
+                </svg>
+                <span className='sr-only'>Loading...</span>
+                </div>
             </div>
         )
     }