From b55ed07004149da1b8998453355fc995543c267b Mon Sep 17 00:00:00 2001
From: cfngc4594 <cfngc4594@gmail.com>
Date: Tue, 18 Mar 2025 19:49:03 +0800
Subject: [PATCH] fix(Loading): update loading state rendering with skeletons
 for better UX

---
 .../@admin/settings/language-server/accordion.tsx        | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/app/(app)/dashboard/@admin/settings/language-server/accordion.tsx b/src/app/(app)/dashboard/@admin/settings/language-server/accordion.tsx
index f72e9c0..c76f26d 100644
--- a/src/app/(app)/dashboard/@admin/settings/language-server/accordion.tsx
+++ b/src/app/(app)/dashboard/@admin/settings/language-server/accordion.tsx
@@ -24,7 +24,14 @@ export function LanguageServerAccordion({
   const { hydrated, activeLanguageServerSetting, setActiveLanguageServerSetting } =
     useAdminSettingsStore();
 
-  if (!hydrated) return <Loading />;
+  if (!hydrated) {
+    return (
+      <div className="h-full w-full space-y-2">
+        <Loading className="h-12 p-0" skeletonClassName="rounded-md" />
+        <Loading className="h-12 p-0" skeletonClassName="rounded-md" />
+      </div>
+    );
+  }
 
   return (
     <Accordion