fix: add pointer cursor on hover for pagination buttons in tracks

code100x · Sep 19, 2024 · 9f9e1d9 · 9f9e1d9
1 parent 603c372
commit 9f9e1d9
Showing 1 changed file with 5 additions and 3 deletions.
diff --git a/apps/web/components/Tracks.tsx b/apps/web/components/Tracks.tsx
@@ -228,15 +228,15 @@ export const Tracks = ({ tracks, categories }: TracksWithCategoriesProps) => {
       <div className="flex justify-end items-end mt-4 w-full">
         <Pagination>
           <PaginationContent>
-            <PaginationItem>
+            <PaginationItem className="cursor-pointer">
               <PaginationPrevious
                 onClick={() => {
                   setCurrentPage((prev) => Math.max(prev - 1, 1));
                 }}
               />
             </PaginationItem>
             {Array.from({ length: totalPages }).map((_, index) => (
-              <PaginationItem key={index}>
+              <PaginationItem key={index} className="cursor-pointer">
                 <PaginationLink onClick={() => setCurrentPage(index + 1)}>{index + 1}</PaginationLink>
               </PaginationItem>
             ))}
@@ -248,7 +248,9 @@ export const Tracks = ({ tracks, categories }: TracksWithCategoriesProps) => {
               </>
             )}
 
-            <PaginationItem>
+            <PaginationItem
+            className="cursor-pointer"
+            >
               <PaginationNext
                 onClick={() => {
                   setCurrentPage((prev) => Math.min(prev + 1, totalPages));