From e9714f9b9d25cef7e20fd7ae03fb0533cacd1d3b Mon Sep 17 00:00:00 2001
From: void-57 <ruddhaani60@gmail.com>
Date: Fri, 5 Dec 2025 17:25:38 +0530
Subject: [PATCH] feat: Implement pagination for transaction loading with
 dynamic next button state

---
 index.html | 30 +++++++++++++++++++-----------
 1 file changed, 19 insertions(+), 11 deletions(-)

diff --git a/index.html b/index.html
index 8cf64c2..1fdcced 100644
--- a/index.html
+++ b/index.html
@@ -1108,6 +1108,7 @@
         let totalPages = 1;
         let allTransactions = [];
         const ITEMS_PER_PAGE = 10;
+        let hasMoreTransactions = true;
 
         async function loadTransactions(reset = false) {
             if (!currentAlgoAddress) return;
@@ -1117,24 +1118,25 @@
                     allTransactions = [];
                     currentPage = 1;
                     txNextToken = null;
+                    hasMoreTransactions = true;
                 }
                 
-                // Load all available transactions
-                let hasMore = true;
-                while (hasMore && allTransactions.length < 100) { // Limit to 100 for performance
+                // Load only one batch of transactions
+                if (hasMoreTransactions) {
                     const result = await algoAPI.getTransactions(currentAlgoAddress, {
-                        limit: 50,
+                        limit: 10,
                         next: txNextToken
                     });
                     
                     allTransactions = [...allTransactions, ...result.transactions];
                     txNextToken = result.nextToken;
-                    hasMore = result.hasMore;
-                    
-                    if (!hasMore) break;
+                    hasMoreTransactions = result.hasMore;
                 }
                 
-                totalPages = Math.ceil(allTransactions.length / ITEMS_PER_PAGE) || 1;
+                totalPages = Math.ceil(allTransactions.length / ITEMS_PER_PAGE);
+                if (hasMoreTransactions) {
+                    totalPages++; // Add one more page to show "next" is available
+                }
                 displayCurrentPage();
                 
             } catch (error) {
@@ -1183,7 +1185,8 @@
             
             // Update button states
             document.getElementById('prev-page-btn').disabled = currentPage <= 1;
-            document.getElementById('next-page-btn').disabled = currentPage >= totalPages;
+            // Enable next button if we're not on last page OR if there are more transactions to load
+            document.getElementById('next-page-btn').disabled = currentPage >= totalPages && !hasMoreTransactions;
             
             paginationEl.style.display = filteredTransactions.length > 0 ? 'flex' : 'none';
         }
@@ -1195,8 +1198,13 @@
             }
         }
 
-        function nextPage() {
-            if (currentPage < totalPages) {
+        async function nextPage() {
+            // Check if we need to load more transactions
+            const neededTransactions = (currentPage + 1) * ITEMS_PER_PAGE;
+            if (neededTransactions > allTransactions.length && hasMoreTransactions) {
+                currentPage++;
+                await loadTransactions();
+            } else if (currentPage < totalPages) {
                 currentPage++;
                 displayCurrentPage();
             }