From 1628f1ad4b976a839cbff61a4b1531117f1db453 Mon Sep 17 00:00:00 2001
From: ngc2207 <cfngc3109@gmail.com>
Date: Sat, 11 Jan 2025 10:19:51 +0800
Subject: [PATCH] refactor(playground): remove loading skeleton from editor
 panel for cleaner code

---
 src/app/playground/layout/editor-panel.tsx | 35 ++--------------------
 1 file changed, 2 insertions(+), 33 deletions(-)

diff --git a/src/app/playground/layout/editor-panel.tsx b/src/app/playground/layout/editor-panel.tsx
index 063d9cc..17fccfd 100644
--- a/src/app/playground/layout/editor-panel.tsx
+++ b/src/app/playground/layout/editor-panel.tsx
@@ -1,12 +1,10 @@
 "use client";
 
-import { useEffect, useState } from "react";
+import { useEffect } from "react";
 import { useEditorStore } from "@/store/useEditorStore";
-import { Skeleton } from "@/components/ui/skeleton";
 
 export default function EditorPanel() {
   const { setLanguage, setCode } = useEditorStore();
-  const [loading, setLoading] = useState(true);
 
   useEffect(() => {
     const handleMessage = (event: MessageEvent) => {
@@ -25,34 +23,5 @@ export default function EditorPanel() {
     };
   }, [setLanguage, setCode]);
 
-  const handleLoad = () => {
-    setLoading(false);
-  };
-
-  return (
-    <div className="relative w-full h-full">
-      {/* {loading && (
-        <div className="absolute inset-0 flex flex-col bg-[#282c34]">
-          <div className="flex-initial p-4 border-b border-[#3e4452] flex justify-between items-center">
-            <div className="space-x-2 flex items-center">
-              <Skeleton className="h-8 w-24 rounded-md" />
-              <Skeleton className="h-8 w-24 rounded-md" />
-            </div>
-            <div className="space-x-2 flex items-center">
-              <Skeleton className="h-8 w-24 rounded-md" />
-              <Skeleton className="h-8 w-24 rounded-md" />
-            </div>
-          </div>
-          <div className="flex-grow p-4">
-            <Skeleton className="w-full h-full rounded-md" />
-          </div>
-        </div>
-      )} */}
-      <iframe
-        src="https://editor.litchi.icu"
-        className="w-full h-full"
-        onLoad={handleLoad}
-      />
-    </div>
-  );
+  return <iframe src="https://editor.litchi.icu" className="w-full h-full" />;
 }