Massbug/judge4c
2
0
Fork 0
mirror of https://github.com/massbug/judge4c.git synced 2025-05-17 14:56: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";
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"
},
},
]}
/>