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

style(submissions-table): replace odd row styling with even row check logic

Browse Source
This commit is contained in:
cfngc4594 2025-04-13 11:23:58 +08:00
parent 7d7e503c8e
commit 737965dc91
1 changed files with 3 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -6,6 +6,7 @@ import {
TableHeader, TableHeader,
TableRow, TableRow,
} from "@/components/ui/table"; } from "@/components/ui/table";
import { cn } from "@/lib/utils";
import { Submission } from "@/generated/client"; import { Submission } from "@/generated/client";
import { getStatusColorClass } from "@/lib/status"; import { getStatusColorClass } from "@/lib/status";
import { EditorLanguageIcons } from "@/config/editor-language-icons"; import { EditorLanguageIcons } from "@/config/editor-language-icons";
@ -40,11 +41,12 @@ export default function SubmissionsTable({ submissions }: SubmissionsTableProps)
const submittedDisplay = isBefore(createdAt, subDays(new Date(), 1)) const submittedDisplay = isBefore(createdAt, subDays(new Date(), 1))
? format(createdAt, "yyyy-MM-dd") ? format(createdAt, "yyyy-MM-dd")
: formatDistanceToNow(createdAt, { addSuffix: true }); : formatDistanceToNow(createdAt, { addSuffix: true });
const isEven = (submissions.length - index) % 2 === 0;
return ( return (
<TableRow <TableRow
key={submission.id} key={submission.id}
className="border-b-0 odd:bg-muted/50 hover:text-blue-500 hover:bg-muted" className={cn("border-b-0 hover:text-blue-500 hover:bg-muted", isEven ? "" : "bg-muted/50")}
> >
<TableCell className="font-medium"> <TableCell className="font-medium">
{sortedSubmissions.length - index} {sortedSubmissions.length - index}