From 9598430c9a7700dc4026137632c1bc4aa58e1eb1 Mon Sep 17 00:00:00 2001
From: cfngc4594 <cfngc4594@gmail.com>
Date: Sun, 6 Apr 2025 15:58:12 +0800
Subject: [PATCH] refactor(layout): use children prop instead of individual
 panel components

---
 src/app/(app)/problems/[id]/layout.tsx | 85 +-------------------------
 1 file changed, 3 insertions(+), 82 deletions(-)

diff --git a/src/app/(app)/problems/[id]/layout.tsx b/src/app/(app)/problems/[id]/layout.tsx
index 63b418a..a348ce7 100644
--- a/src/app/(app)/problems/[id]/layout.tsx
+++ b/src/app/(app)/problems/[id]/layout.tsx
@@ -1,29 +1,16 @@
 import prisma from "@/lib/prisma";
 import { notFound } from "next/navigation";
-import DockView from "@/components/dockview";
 import { ProblemStoreProvider } from "@/providers/problem-store-provider";
 import { PlaygroundHeader } from "@/components/features/playground/header";
 
 interface ProblemProps {
   params: Promise<{ id: string }>;
-  Description: React.ReactNode;
-  Solutions: React.ReactNode;
-  Submissions: React.ReactNode;
-  Code: React.ReactNode;
-  Testcase: React.ReactNode;
-  TestResult: React.ReactNode;
-  Bot: React.ReactNode;
+  children: React.ReactNode;
 }
 
 export default async function ProblemLayout({
   params,
-  Description,
-  Solutions,
-  Submissions,
-  Code,
-  Testcase,
-  TestResult,
-  Bot,
+  children,
 }: ProblemProps) {
   const { id } = await params;
 
@@ -54,73 +41,7 @@ export default async function ProblemLayout({
       >
         <PlaygroundHeader />
         <main className="flex flex-grow overflow-y-hidden p-2.5 pt-0">
-          <DockView
-            storageKey="dockview:problem"
-            options={[
-              {
-                id: "Description",
-                title: "Description",
-                component: "Description",
-                tabComponent: "Description",
-                icon: "FileTextIcon",
-                node: Description,
-              },
-              {
-                id: "Solutions",
-                title: "Solutions",
-                component: "Solutions",
-                tabComponent: "Solutions",
-                icon: "FlaskConicalIcon",
-                node: Solutions,
-                position: { referencePanel: "Description", direction: "within" },
-              },
-              {
-                id: "Submissions",
-                title: "Submissions",
-                component: "Submissions",
-                tabComponent: "Submissions",
-                icon: "CircleCheckBigIcon",
-                node: Submissions,
-                position: { referencePanel: "Solutions", direction: "within" },
-              },
-              {
-                id: "Code",
-                title: "Code",
-                component: "Code",
-                tabComponent: "Code",
-                icon: "SquarePenIcon",
-                node: Code,
-                position: { referencePanel: "Submissions", direction: "right" },
-              },
-              {
-                id: "Bot",
-                title: "Bot",
-                component: "Bot",
-                tabComponent: "Bot",
-                icon: "BotIcon",
-                node: Bot,
-                position: { referencePanel: "Code", direction: "right" },
-              },
-              {
-                id: "Testcase",
-                title: "Testcase",
-                component: "Testcase",
-                tabComponent: "Testcase",
-                icon: "SquareCheckIcon",
-                node: Testcase,
-                position: { referencePanel: "Code", direction: "below" },
-              },
-              {
-                id: "TestResult",
-                title: "TestResult",
-                component: "TestResult",
-                tabComponent: "TestResult",
-                icon: "TerminalIcon",
-                node: TestResult,
-                position: { referencePanel: "Testcase", direction: "within" },
-              },
-            ]}
-          />
+          {children}
         </main>
       </ProblemStoreProvider>
     </div>