refactor: streamline transaction page logic by consolidating state management and enhancing pagination, improving overall performance and maintainability

components/transactions/transaction-pagination.tsx

@@ -0,0 +1,51 @@
+"use client";
+
+import { Button } from "@/components/ui/button";
+
+interface TransactionPaginationProps {
+  page: number;
+  pageSize: number;
+  total: number;
+  hasMore: boolean;
+  onPageChange: (page: number) => void;
+}
+
+export function TransactionPagination({
+  page,
+  pageSize,
+  total,
+  hasMore,
+  onPageChange,
+}: TransactionPaginationProps) {
+  if (total <= pageSize) {
+    return null;
+  }
+
+  return (
+    <div className="flex items-center justify-between mt-4">
+      <div className="text-sm text-muted-foreground">
+        Affichage de {page * pageSize + 1} à{" "}
+        {Math.min((page + 1) * pageSize, total)} sur {total}
+      </div>
+      <div className="flex gap-2">
+        <Button
+          variant="outline"
+          size="sm"
+          onClick={() => onPageChange(Math.max(0, page - 1))}
+          disabled={page === 0}
+        >
+          Précédent
+        </Button>
+        <Button
+          variant="outline"
+          size="sm"
+          onClick={() => onPageChange(page + 1)}
+          disabled={!hasMore}
+        >
+          Suivant
+        </Button>
+      </div>
+    </div>
+  );
+}
+