diff --git a/src/components/submissions-table.tsx b/src/components/submissions-table.tsx index c1f780e..aa44302 100644 --- a/src/components/submissions-table.tsx +++ b/src/components/submissions-table.tsx @@ -9,31 +9,33 @@ import { import { cn } from "@/lib/utils"; import { Submission } from "@/generated/client"; import { getStatusColorClass } from "@/lib/status"; +import { Clock4Icon, CpuIcon } from "lucide-react"; import { EditorLanguageIcons } from "@/config/editor-language-icons"; import { formatDistanceToNow, isBefore, subDays, format } from "date-fns"; interface SubmissionsTableProps { - submissions: Submission[] + submissions: Submission[]; } export default function SubmissionsTable({ submissions }: SubmissionsTableProps) { const sortedSubmissions = [...submissions].sort( (a, b) => new Date(b.createdAt).getTime() - new Date(a.createdAt).getTime() - ) + ); return ( Index - Status - Language - Time - Memory - Submitted + Status + Language + Time + Memory - + + + {sortedSubmissions.map((submission, index) => { const Icon = EditorLanguageIcons[submission.language]; @@ -46,26 +48,49 @@ export default function SubmissionsTable({ submissions }: SubmissionsTableProps) return ( {sortedSubmissions.length - index} - - {submission.status} + +
+ + {submission.status} + + {submittedDisplay} +
- {submission.executionTime} - {submission.memoryUsage} - {submittedDisplay} +
+
+
+ +
+
); })}
- ) + ); }