From 01b19eadde6295383e274ab750cd5a744aae195f Mon Sep 17 00:00:00 2001
From: cfngc4594 <cfngc4594@gmail.com>
Date: Sun, 6 Apr 2025 18:17:58 +0800
Subject: [PATCH] feat(problem): enhance panels with icons using Lucide-react

---
 src/app/(app)/problems/[id]/page.tsx | 46 ++++++++++++++++++++++++----
 1 file changed, 40 insertions(+), 6 deletions(-)

diff --git a/src/app/(app)/problems/[id]/page.tsx b/src/app/(app)/problems/[id]/page.tsx
index 43fc20c..66179af 100644
--- a/src/app/(app)/problems/[id]/page.tsx
+++ b/src/app/(app)/problems/[id]/page.tsx
@@ -1,5 +1,14 @@
 "use client";
 
+import {
+  BotIcon,
+  CircleCheckBigIcon,
+  FileTextIcon,
+  FlaskConicalIcon,
+  SquareCheckIcon,
+  SquarePenIcon,
+  TerminalIcon,
+} from "lucide-react";
 import {
   Bot,
   Code,
@@ -29,42 +38,67 @@ export default function ProblemPage() {
           id: "Description",
           component: "Description",
           title: "Description",
+          params: { icon: FileTextIcon },
         },
         {
           id: "Solutions",
           component: "Solutions",
           title: "Solutions",
-          position: { referencePanel: "Description", direction: "within" },
+          params: { icon: FlaskConicalIcon },
+          position: {
+            referencePanel: "Description",
+            direction: "within"
+          },
         },
         {
           id: "Submissions",
           component: "Submissions",
           title: "Submissions",
-          position: { referencePanel: "Solutions", direction: "within" },
+          params: { icon: CircleCheckBigIcon },
+          position: {
+            referencePanel: "Solutions",
+            direction: "within"
+          },
         },
         {
           id: "Code",
           component: "Code",
           title: "Code",
-          position: { referencePanel: "Submissions", direction: "right" },
+          params: { icon: SquarePenIcon },
+          position: {
+            referencePanel: "Submissions",
+            direction: "right"
+          },
         },
         {
           id: "Bot",
           component: "Bot",
           title: "Bot",
-          position: { referencePanel: "Code", direction: "right" },
+          params: { icon: BotIcon },
+          position: {
+            referencePanel: "Code",
+            direction: "right"
+          },
         },
         {
           id: "Testcase",
           component: "Testcase",
           title: "Testcase",
-          position: { referencePanel: "Code", direction: "below" },
+          params: { icon: SquareCheckIcon },
+          position: {
+            referencePanel: "Code",
+            direction: "below"
+          },
         },
         {
           id: "TestResult",
           component: "TestResult",
           title: "Test Result",
-          position: { referencePanel: "Testcase", direction: "within" },
+          params: { icon: TerminalIcon },
+          position: {
+            referencePanel: "Testcase",
+            direction: "within"
+          },
         },
       ]}
     />