Add clickable rows and standardize action button styles

The changes add row click functionality and consistent action button
styling across data tables. Main updates:

- Add `onRowClick` handler to make rows clickable and navigate to
  details pages
- Add `data-action-button` attribute to exclude action buttons from row
  click
- Fix TypeScript errors and types
This commit is contained in:
2025-07-15 20:07:00 -04:00
parent ea8531bde6
commit 339684d132
15 changed files with 1655 additions and 1961 deletions
-15
View File
@@ -30,21 +30,6 @@ export function Navbar() {
</Link>
</div>
<div className="flex items-center gap-2 md:gap-4">
{/* Quick access to current open invoice */}
{session?.user && currentInvoice && (
<Button
asChild
size="sm"
variant="outline"
className="hidden border-border/40 hover:bg-accent/50 text-xs md:flex md:text-sm"
>
<Link href={`/dashboard/invoices/${currentInvoice.id}/edit`}>
<FileText className="mr-1 h-3 w-3 md:mr-2 md:h-4 md:w-4" />
<span className="hidden lg:inline">Continue Invoice</span>
<span className="lg:hidden">Continue</span>
</Link>
</Button>
)}
{status === "loading" ? (
<>