fix pagination

1 files changed, 25 insertions, 2 deletions

diff --git a/src/routes/(app)/payments/[...page]/+page.svelte b/src/routes/(app)/payments/[...page]/+page.svelte
index 90245bb6..ba2e4992 100644
--- a/src/routes/(app)/payments/[...page]/+page.svelte
+++ b/src/routes/(app)/payments/[...page]/+page.svelte
@@ -128,8 +128,31 @@
     }
   };
 
-  const showPage = (i) => i < 6 || i >= pages.length - 6;
-  const isEllipsis = (i) => pages.length > 12 && i === 6;
+  $: showPage = (i) => {
+    const currentPage = parseInt(p);
+    const maxVisiblePages = 12;
+
+    if (i === 0 || i === pages.length - 1) return true;
+
+    let start = Math.max(
+      1,
+      currentPage - Math.floor((maxVisiblePages - 4) / 2),
+    );
+    let end = start + maxVisiblePages - 5;
+
+    if (end >= pages.length - 1) {
+      end = pages.length - 2;
+      start = Math.max(1, end - (maxVisiblePages - 5));
+    }
+
+    return i >= start && i <= end;
+  };
+
+  $: isEllipsis = (i) => {
+    return (
+      (i === 1 && !showPage(i)) || (i === pages.length - 2 && !showPage(i))
+    );
+  };
 </script>
 
 <div class="space-y-5">