Changes

Co-authored-by: renee-png <262607627+renee-png@users.noreply.github.com>

src/routes/cases.index.tsx

@@ -1,4 +1,4 @@
-import { createFileRoute, Link } from "@tanstack/react-router";
+import { createFileRoute, Link, useNavigate } from "@tanstack/react-router";
 import { useEffect, useMemo, useState } from "react";
 import { ProtectedLayout } from "@/components/protected-layout";
 import { PageContainer, PageHeader } from "@/components/app-shell";
@@ -26,6 +26,7 @@ export const Route = createFileRoute("/cases/")({
 });
 
 function CasesList() {
+  const navigate = useNavigate();
   const [cases, setCases] = useState<any[]>([]);
   const [q, setQ] = useState("");
   const [statusFilter, setStatusFilter] = useState<string>("all");
@@ -167,9 +168,18 @@ function CasesList() {
                 </td></tr>
               )}
               {sorted.map((c) => (
-                <tr key={c.id} className="border-t hover:bg-muted/30">
+                <tr
+                  key={c.id}
+                  className="border-t hover:bg-muted/30 cursor-pointer transition-colors"
+                  onClick={() => navigate({ to: "/cases/$caseId", params: { caseId: c.id } })}
+                >
                   <td className="px-4 py-3">
-                    <Link to="/cases/$caseId" params={{ caseId: c.id }} className="font-medium hover:text-primary">
+                    <Link
+                      to="/cases/$caseId"
+                      params={{ caseId: c.id }}
+                      className="font-medium hover:text-primary"
+                      onClick={(e) => e.stopPropagation()}
+                    >
                       {c.title}
                     </Link>
                     <div className="text-xs text-muted-foreground">{c.case_number}</div>
@@ -180,7 +190,7 @@ function CasesList() {
                   </td>
                   <td className="px-4 py-3 text-muted-foreground">{c.assignee?.full_name || c.assignee?.email || "—"}</td>
                   <td className="px-4 py-3 text-muted-foreground">{formatDate(c.opened_at)}</td>
-                  <td className="px-4 py-3 text-right">
+                  <td className="px-4 py-3 text-right" onClick={(e) => e.stopPropagation()}>
                     <Button
                       size="icon"
                       variant="ghost"