From 737965dc91565e1263b6dcb01d9ecab05f9674d0 Mon Sep 17 00:00:00 2001
From: cfngc4594 <cfngc4594@gmail.com>
Date: Sun, 13 Apr 2025 11:23:58 +0800
Subject: [PATCH] style(submissions-table): replace odd row styling with even
 row check logic

---
 src/components/submissions-table.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/components/submissions-table.tsx b/src/components/submissions-table.tsx
index e48e292..c1f780e 100644
--- a/src/components/submissions-table.tsx
+++ b/src/components/submissions-table.tsx
@@ -6,6 +6,7 @@ import {
   TableHeader,
   TableRow,
 } from "@/components/ui/table";
+import { cn } from "@/lib/utils";
 import { Submission } from "@/generated/client";
 import { getStatusColorClass } from "@/lib/status";
 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))
             ? format(createdAt, "yyyy-MM-dd")
             : formatDistanceToNow(createdAt, { addSuffix: true });
+          const isEven = (submissions.length - index) % 2 === 0;
 
           return (
             <TableRow
               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">
                 {sortedSubmissions.length - index}