From 162825250b8fab5e2755b8cfc3b1f2266b278cc8 Mon Sep 17 00:00:00 2001
From: cfngc4594 <cfngc4594@gmail.com>
Date: Thu, 20 Feb 2025 15:43:03 +0800
Subject: [PATCH] feat(code-editor): add loading skeleton for dynamic editor
 component

---
 src/components/code-editor.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/components/code-editor.tsx b/src/components/code-editor.tsx
index f56939d..c7b0cbf 100644
--- a/src/components/code-editor.tsx
+++ b/src/components/code-editor.tsx
@@ -23,7 +23,10 @@ const DynamicEditor = dynamic(
 
     return Editor;
   },
-  { ssr: false }
+  {
+    ssr: false,
+    loading: () => <Skeleton className="h-full w-full" />,
+  }
 );
 
 export default function CodeEditor() {