litchi/judge
1
0
Fork 0
mirror of https://litchi.icu/ngc2207/judge.git synced 2025-05-18 16:46:44 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

refactor(playground): remove loading skeleton from editor panel for cleaner code

Browse Source
This commit is contained in:
ngc2207 2025-01-11 10:19:51 +08:00
parent fde0ea77e9
commit 1628f1ad4b
1 changed files with 2 additions and 33 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

35
src/app/playground/layout/editor-panel.tsx
View File

@ -1,12 +1,10 @@
"use client"; "use client";
import { useEffect, useState } from "react"; import { useEffect } from "react";
import { useEditorStore } from "@/store/useEditorStore"; import { useEditorStore } from "@/store/useEditorStore";
import { Skeleton } from "@/components/ui/skeleton";
export default function EditorPanel() { export default function EditorPanel() {
const { setLanguage, setCode } = useEditorStore(); const { setLanguage, setCode } = useEditorStore();
const [loading, setLoading] = useState(true);
useEffect(() => { useEffect(() => {
const handleMessage = (event: MessageEvent) => { const handleMessage = (event: MessageEvent) => {
@ -25,34 +23,5 @@ export default function EditorPanel() {
}; };
}, [setLanguage, setCode]); }, [setLanguage, setCode]);
const handleLoad = () => { return <iframe src="https://editor.litchi.icu" className="w-full h-full" />;
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>
);
} }