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(submissions): show language label alongside icon in submissions table

Browse Source
This commit is contained in:
cfngc4594 2025-04-14 10:26:57 +08:00
parent 01c2cd6eef
commit 2a4d741a76
1 changed files with 21 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
src/components/submissions-table.tsx
View File

@ -10,6 +10,7 @@ import {
} from "@/components/ui/table";
import { cn } from "@/lib/utils";
import { Submission } from "@/generated/client";
import { useProblem } from "@/hooks/use-problem";
import { Clock4Icon, CpuIcon } from "lucide-react";
import { getStatusColorClass } from "@/lib/status";
import { useDockviewStore } from "@/stores/dockview";
@ -21,7 +22,9 @@ interface SubmissionsTableProps {
}
export default function SubmissionsTable({ submissions }: SubmissionsTableProps) {
const { editorLanguageConfigs } = useProblem();
const { api, setSubmission } = useDockviewStore();
const sortedSubmissions = [...submissions].sort(
(a, b) => new Date(b.createdAt).getTime() - new Date(a.createdAt).getTime()
);
@ -29,6 +32,7 @@ export default function SubmissionsTable({ submissions }: SubmissionsTableProps)
const handleRowClick = (submission: Submission) => {
if (!api) return;
setSubmission(submission);
const panel = api.getPanel("Details");
if (panel) {
panel.api.setActive();
@ -44,7 +48,7 @@ export default function SubmissionsTable({ submissions }: SubmissionsTableProps)
},
});
}
}
};
return (
<Table>
@ -67,18 +71,17 @@ export default function SubmissionsTable({ submissions }: SubmissionsTableProps)
const submittedDisplay = isBefore(createdAt, subDays(new Date(), 1))
? format(createdAt, "yyyy-MM-dd")
: formatDistanceToNow(createdAt, { addSuffix: true });
const isEven = (submissions.length - index) % 2 === 0;
return (
<TableRow
key={submission.id}
onClick={() => handleRowClick(submission)}
className={
cn(
"border-b-0 hover:text-blue-500 hover:bg-muted hover:cursor-pointer",
isEven ? "" : "bg-muted/50"
)
}
className={cn(
"border-b-0 hover:text-blue-500 hover:bg-muted hover:cursor-pointer",
isEven ? "" : "bg-muted/50"
)}
>
<TableCell className="font-medium">
{sortedSubmissions.length - index}
@ -92,7 +95,16 @@ export default function SubmissionsTable({ submissions }: SubmissionsTableProps)
</div>
</TableCell>
<TableCell>
<Icon size={16} aria-hidden="true" />
<div className="flex items-center gap-2">
<Icon size={16} aria-hidden="true" />
<span className="truncate text-sm font-semibold mr-2">
{
editorLanguageConfigs.find(
(config) => config.language === submission.language
)?.label
}
</span>
</div>
</TableCell>
<TableCell>
<div className="flex items-center gap-1.5">
@ -118,6 +130,6 @@ export default function SubmissionsTable({ submissions }: SubmissionsTableProps)
);
})}
</TableBody>
</Table >
</Table>
);
}