CodeSandBox/monaco-editor-lsp-next
2
0
Fork 0
mirror of https://github.com/cfngc4594/monaco-editor-lsp-next.git synced 2025-05-18 15:26:36 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

feat(problem): enhance panels with icons using Lucide-react

Browse Source
This commit is contained in:
cfngc4594 2025-04-06 18:17:58 +08:00
parent da26648a9b
commit 01b19eadde
1 changed files with 40 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

46
src/app/(app)/problems/[id]/page.tsx
View File

@ -1,5 +1,14 @@
"use client"; "use client";
import {
BotIcon,
CircleCheckBigIcon,
FileTextIcon,
FlaskConicalIcon,
SquareCheckIcon,
SquarePenIcon,
TerminalIcon,
} from "lucide-react";
import { import {
Bot, Bot,
Code, Code,
@ -29,42 +38,67 @@ export default function ProblemPage() {
id: "Description", id: "Description",
component: "Description", component: "Description",
title: "Description", title: "Description",
params: { icon: FileTextIcon },
}, },
{ {
id: "Solutions", id: "Solutions",
component: "Solutions", component: "Solutions",
title: "Solutions", title: "Solutions",
position: { referencePanel: "Description", direction: "within" }, params: { icon: FlaskConicalIcon },
position: {
referencePanel: "Description",
direction: "within"
},
}, },
{ {
id: "Submissions", id: "Submissions",
component: "Submissions", component: "Submissions",
title: "Submissions", title: "Submissions",
position: { referencePanel: "Solutions", direction: "within" }, params: { icon: CircleCheckBigIcon },
position: {
referencePanel: "Solutions",
direction: "within"
},
}, },
{ {
id: "Code", id: "Code",
component: "Code", component: "Code",
title: "Code", title: "Code",
position: { referencePanel: "Submissions", direction: "right" }, params: { icon: SquarePenIcon },
position: {
referencePanel: "Submissions",
direction: "right"
},
}, },
{ {
id: "Bot", id: "Bot",
component: "Bot", component: "Bot",
title: "Bot", title: "Bot",
position: { referencePanel: "Code", direction: "right" }, params: { icon: BotIcon },
position: {
referencePanel: "Code",
direction: "right"
},
}, },
{ {
id: "Testcase", id: "Testcase",
component: "Testcase", component: "Testcase",
title: "Testcase", title: "Testcase",
position: { referencePanel: "Code", direction: "below" }, params: { icon: SquareCheckIcon },
position: {
referencePanel: "Code",
direction: "below"
},
}, },
{ {
id: "TestResult", id: "TestResult",
component: "TestResult", component: "TestResult",
title: "Test Result", title: "Test Result",
position: { referencePanel: "Testcase", direction: "within" }, params: { icon: TerminalIcon },
position: {
referencePanel: "Testcase",
direction: "within"
},
}, },
]} ]}
/> />