From 4ba7af4dc579ae5a99cf6b9d2e209b3d8719c4e7 Mon Sep 17 00:00:00 2001
From: Oliver Bryan <04oliverbryan@gmail.com>
Date: Sun, 14 Dec 2025 18:49:06 +0000
Subject: [PATCH] hoverEffect configuration on TableRow

---
 packages/frontend/src/components/issues-table.tsx | 4 ++--
 packages/frontend/src/components/ui/table.tsx     | 9 +++++++--
 2 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/packages/frontend/src/components/issues-table.tsx b/packages/frontend/src/components/issues-table.tsx
index 065cd29..4180848 100644
--- a/packages/frontend/src/components/issues-table.tsx
+++ b/packages/frontend/src/components/issues-table.tsx
@@ -11,9 +11,9 @@ export function IssuesTable({
     return (
         <Table>
             <TableHeader>
-                <TableRow>
+                <TableRow hoverEffect={false}>
                     {(columns.id == null || columns.id === true) && (
-                        <TableHead className="w-[0px] border-r">ID</TableHead>
+                        <TableHead className="w-[1px] border-r">ID</TableHead>
                     )}
                     {(columns.title == null || columns.title === true) && <TableHead>Title</TableHead>}
                     {(columns.description == null || columns.description === true) && (
diff --git a/packages/frontend/src/components/ui/table.tsx b/packages/frontend/src/components/ui/table.tsx
index af83329..dc7f5ee 100644
--- a/packages/frontend/src/components/ui/table.tsx
+++ b/packages/frontend/src/components/ui/table.tsx
@@ -30,12 +30,17 @@ function TableFooter({ className, ...props }: React.ComponentProps<"tfoot">) {
     );
 }
 
-function TableRow({ className, ...props }: React.ComponentProps<"tr">) {
+function TableRow({
+    className,
+    hoverEffect = true,
+    ...props
+}: React.ComponentProps<"tr"> & { hoverEffect?: boolean }) {
     return (
         <tr
             data-slot="table-row"
             className={cn(
-                "hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors",
+                "data-[state=selected]:bg-muted border-b transition-colors",
+                hoverEffect && "hover:bg-muted/40",
                 className,
             )}
             {...props}