Skip to content

Feature/transaction history infinite scroll - #792

Merged
Nanle-code merged 2 commits into
Nanle-code:masterfrom
Agencybuilds:feature/transaction-history-infinite-scroll
Jul 29, 2026
Merged

Feature/transaction history infinite scroll#792
Nanle-code merged 2 commits into
Nanle-code:masterfrom
Agencybuilds:feature/transaction-history-infinite-scroll

Conversation

@Agencybuilds

Copy link
Copy Markdown
Contributor

Closes #260

Description

This PR improves the transaction history loading experience for accounts with a large number of transactions (e.g., thousands of transactions) by implementing cursor-based pagination, lazy loading, and an infinite scroll mechanism.

Key Changes

  • Adjusted Batch Size: Reduced the default PAGE_SIZE from 100 to 50 for faster initial loads and more responsive incremental batching.
  • Infinite Scroll Sentinel: Added an internal InfiniteScrollSentinel component that utilizes the IntersectionObserver API to detect when the user has scrolled to the bottom of the list.
  • Automatic Loading: Replaced manual "Load More" buttons in both the transaction and operations views with the new sentinel component, enabling smooth, automatic background loading as the user scrolls.
  • Seamless Integration: The infinite scroll smoothly transitions into the existing VirtualTxList/VirtualOpList rendering components once the list size crosses the 200-item threshold to prevent DOM bloat and UI freezing.
  • Network Deduplication: Reused existing deduplication flags (txLoadingRef and opsLoadingRef) alongside txPagingLoading to ensure multiple concurrent network requests aren't triggered by rapid scrolling.

Acceptance Criteria Met

  • Transactions load in batches (50 per page initially)
  • Infinite scroll implemented for smoother UX
  • Pagination cursor properly tracked
  • Loading indicators show progress
  • Very large histories (>10k txs) don't freeze UI
  • Virtual scrolling considered for massive lists
  • Network requests debounced to prevent duplicate calls

@vercel

vercel Bot commented Jul 29, 2026

Copy link
Copy Markdown

@Agencybuilds is attempting to deploy a commit to the nanle-code's projects Team on Vercel.

A member of the Team first needs to authorize it.

@Nanle-code
Nanle-code merged commit 86b9a9b into Nanle-code:master Jul 29, 2026
5 of 23 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Optimize Transaction History Loading and Pagination

2 participants