From 0ad1f24c7aaef9b2994b333aa6eb77e15ada8b1c Mon Sep 17 00:00:00 2001
From: cfngc4594 <cfngc4594@gmail.com>
Date: Mon, 24 Feb 2025 19:16:31 +0800
Subject: [PATCH] refactor(playground): rename description to problem and
 update routes

---
 .../(app)/playground/{@description => @problem}/layout.tsx  | 4 ++--
 .../(app)/playground/{@description => @problem}/page.tsx    | 0
 src/app/(app)/playground/layout.tsx                         | 6 +++---
 3 files changed, 5 insertions(+), 5 deletions(-)
 rename src/app/(app)/playground/{@description => @problem}/layout.tsx (89%)
 rename src/app/(app)/playground/{@description => @problem}/page.tsx (100%)

diff --git a/src/app/(app)/playground/@description/layout.tsx b/src/app/(app)/playground/@problem/layout.tsx
similarity index 89%
rename from src/app/(app)/playground/@description/layout.tsx
rename to src/app/(app)/playground/@problem/layout.tsx
index 21e38ed..b88a49e 100644
--- a/src/app/(app)/playground/@description/layout.tsx
+++ b/src/app/(app)/playground/@problem/layout.tsx
@@ -2,11 +2,11 @@ import { FileTextIcon } from "lucide-react";
 import { ScrollArea, ScrollBar } from "@/components/ui/scroll-area";
 import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
 
-interface DescriptionLayoutProps {
+interface ProblemLayoutProps {
   children: React.ReactNode;
 }
 
-export default function DescriptionLayout({ children }: DescriptionLayoutProps) {
+export default function ProblemLayout({ children }: ProblemLayoutProps) {
   return (
     <Tabs defaultValue="description" className="h-full flex flex-col">
       <ScrollArea className="h-9 flex-none bg-muted px-1">
diff --git a/src/app/(app)/playground/@description/page.tsx b/src/app/(app)/playground/@problem/page.tsx
similarity index 100%
rename from src/app/(app)/playground/@description/page.tsx
rename to src/app/(app)/playground/@problem/page.tsx
diff --git a/src/app/(app)/playground/layout.tsx b/src/app/(app)/playground/layout.tsx
index 7b93d5c..87da06f 100644
--- a/src/app/(app)/playground/layout.tsx
+++ b/src/app/(app)/playground/layout.tsx
@@ -5,18 +5,18 @@ import {
 } from "@/components/ui/resizable";
 
 interface PlaygroundLayoutProps {
-  description: React.ReactNode;
+  problem: React.ReactNode;
   workspace: React.ReactNode;
 }
 
 export default function PlaygroundLayout({
-  description,
+  problem,
   workspace,
 }: PlaygroundLayoutProps) {
   return (
     <ResizablePanelGroup direction="horizontal" className="p-2.5 pt-0">
       <ResizablePanel defaultSize={50} className="border border-muted rounded-2xl">
-        {description}
+        {problem}
       </ResizablePanel>
       <ResizableHandle
         withHandle