CodeSandBox/judge4c
2
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

feat(playground): add submission tab to problem layout

Browse Source
This commit is contained in:
cfngc4594 2025-03-01 19:18:24 +08:00
parent 04794a34c7
commit 4a8ad24dcc
1 changed files with 19 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
src/app/(app)/playground/@problem/layout.tsx
View File

@ -1,15 +1,17 @@
import { FileTextIcon, FlaskConicalIcon } from "lucide-react";
import { ScrollArea, ScrollBar } from "@/components/ui/scroll-area";
import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
import { CircleCheckBigIcon, FileTextIcon, FlaskConicalIcon } from "lucide-react";
interface ProblemLayoutProps {
description: React.ReactNode;
solution: React.ReactNode;
submission: React.ReactNode;
}
export default function ProblemLayout({
description,
solution,
submission,
}: ProblemLayoutProps) {
return (
<Tabs defaultValue="description" className="h-full flex flex-col">
@ -37,15 +39,29 @@ export default function ProblemLayout({
/>
Solution
</TabsTrigger>
<TabsTrigger
value="submission"
className="data-[state=active]:bg-primary data-[state=active]:text-primary-foreground rounded-full data-[state=active]:shadow-none"
>
<CircleCheckBigIcon
className="-ms-0.5 me-1.5 opacity-60"
size={16}
aria-hidden="true"
/>
Submission
</TabsTrigger>
</TabsList>
<ScrollBar orientation="horizontal" />
</ScrollArea>
<TabsContent value="description" className="flex-1 mt-0">
<TabsContent value="description" className="h-full mt-0">
{description}
</TabsContent>
<TabsContent value="solution" className="flex-1 mt-0">
<TabsContent value="solution" className="h-full mt-0">
{solution}
</TabsContent>
<TabsContent value="submission" className="flex-1 mt-0">
{submission}
</TabsContent>
</Tabs>
);
}