From e504d92ad999a3928d154fb3dab46af5fe861a1c Mon Sep 17 00:00:00 2001
From: cfngc4594 <cfngc4594@gmail.com>
Date: Fri, 7 Mar 2025 11:45:18 +0800
Subject: [PATCH] refactor(layout): remove Header from AppLayout and add Header
 to PlaygroundLayout

---
 src/app/(app)/layout.tsx            |  3 ---
 src/app/(app)/playground/layout.tsx | 34 +++++++++++++++++++----------
 2 files changed, 22 insertions(+), 15 deletions(-)

diff --git a/src/app/(app)/layout.tsx b/src/app/(app)/layout.tsx
index c6db69c..31a9c32 100644
--- a/src/app/(app)/layout.tsx
+++ b/src/app/(app)/layout.tsx
@@ -1,5 +1,3 @@
-import { Header } from "@/components/header";
-
 interface AppLayoutProps {
   children: React.ReactNode;
 }
@@ -7,7 +5,6 @@ interface AppLayoutProps {
 export default function AppLayout({ children }: AppLayoutProps) {
   return (
     <div className="h-full flex flex-col">
-      <Header />
       <main className="flex-1">
         {children}
       </main>
diff --git a/src/app/(app)/playground/layout.tsx b/src/app/(app)/playground/layout.tsx
index 51fb3e8..4885116 100644
--- a/src/app/(app)/playground/layout.tsx
+++ b/src/app/(app)/playground/layout.tsx
@@ -3,6 +3,7 @@ import {
   ResizablePanel,
   ResizablePanelGroup,
 } from "@/components/ui/resizable";
+import { Header } from "@/components/header";
 
 interface PlaygroundLayoutProps {
   problem: React.ReactNode;
@@ -14,17 +15,26 @@ export default function PlaygroundLayout({
   workspace,
 }: PlaygroundLayoutProps) {
   return (
-    <ResizablePanelGroup direction="horizontal" className="p-2.5 pt-0">
-      <ResizablePanel defaultSize={50} className="border border-muted rounded-2xl">
-        {problem}
-      </ResizablePanel>
-      <ResizableHandle
-        withHandle
-        className="w-0.5 bg-transparent hover:bg-blue-500 mx-1"
-      />
-      <ResizablePanel defaultSize={50} className="border border-muted rounded-2xl">
-        {workspace}
-      </ResizablePanel>
-    </ResizablePanelGroup>
+    <div className="h-full flex flex-col">
+      <Header />
+      <ResizablePanelGroup direction="horizontal" className="p-2.5 pt-0">
+        <ResizablePanel
+          defaultSize={50}
+          className="border border-muted rounded-2xl"
+        >
+          {problem}
+        </ResizablePanel>
+        <ResizableHandle
+          withHandle
+          className="w-0.5 bg-transparent hover:bg-blue-500 mx-1"
+        />
+        <ResizablePanel
+          defaultSize={50}
+          className="border border-muted rounded-2xl"
+        >
+          {workspace}
+        </ResizablePanel>
+      </ResizablePanelGroup>
+    </div>
   );
 }