From 156c6b9184fab104a6d29735af98adc03124d84b Mon Sep 17 00:00:00 2001
From: grimsi <9295182+grimsi@users.noreply.github.com>
Date: Wed, 11 Sep 2024 08:43:19 +0200
Subject: [PATCH] Added loading animation for config pages

---
 .../administration/LibraryManagement.tsx           | 14 ++++++++++----
 1 file changed, 10 insertions(+), 4 deletions(-)

diff --git a/src/main/frontend/components/administration/LibraryManagement.tsx b/src/main/frontend/components/administration/LibraryManagement.tsx
index 7da4a13..7204ddb 100644
--- a/src/main/frontend/components/administration/LibraryManagement.tsx
+++ b/src/main/frontend/components/administration/LibraryManagement.tsx
@@ -111,10 +111,16 @@ export function LibraryManagement() {
 
     if (!isInitialized.current) {
         return (
-            <>
-                <Skeleton className="h-3 w-3/5 rounded-md"/>
-                <Skeleton className="h-3 w-4/5 rounded-md"/>
-            </>
+            [...Array(4)].map((e, i) =>
+                <div className="flex flex-col flex-grow gap-8 mb-12" key={i}>
+                    <Skeleton className="h-10 w-full rounded-md"/>
+                    <Skeleton className="h-12 flex w-1/3 rounded-md"/>
+                    <div className="flex flex-row gap-8">
+                        <Skeleton className="h-12 flex w-1/3 rounded-md"/>
+                        <Skeleton className="h-12 flex w-1/3 rounded-md"/>
+                    </div>
+                </div>
+            )
         )
     }