From c581c05bde87631236de29f9d196d0e5a2196c38 Mon Sep 17 00:00:00 2001
From: Greg Konush <12027037+gregkonush@users.noreply.github.com>
Date: Sat, 30 Nov 2024 20:40:20 -0800
Subject: [PATCH] feat: add styles for pagination buttons (#589)

---
 services/ecran/src/app/problems/data-table.tsx | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/services/ecran/src/app/problems/data-table.tsx b/services/ecran/src/app/problems/data-table.tsx
index 882161ad..d33e3024 100644
--- a/services/ecran/src/app/problems/data-table.tsx
+++ b/services/ecran/src/app/problems/data-table.tsx
@@ -12,6 +12,7 @@ import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from '@
 import { Button } from '@/components/ui/button'
 import { useRouter, usePathname } from 'next/navigation'
 import { ChevronLeft, ChevronRight } from 'lucide-react'
+import { cn } from '@/lib/utils'
 
 interface DataTableProps<TData, TValue> {
   columns: ColumnDef<TData, TValue>[]
@@ -94,6 +95,7 @@ export function DataTable<TData, TValue>({ columns, data, pageCount, pageSize, p
             size="sm"
             onClick={() => handlePageChange(currentPage - 1)}
             disabled={currentPage === 1}
+            className={cn(currentPage === 1 && 'bg-zinc-100 dark:bg-zinc-800')}
           >
             <ChevronLeft />
           </Button>
@@ -102,6 +104,7 @@ export function DataTable<TData, TValue>({ columns, data, pageCount, pageSize, p
             size="sm"
             onClick={() => handlePageChange(currentPage + 1)}
             disabled={currentPage === pageCount}
+            className={cn(currentPage === pageCount && 'bg-zinc-100 dark:bg-zinc-800')}
           >
             <ChevronRight />
           </Button>