Skip to content

add row virtualization#5146

Open
benwolski wants to merge 3 commits into
developfrom
add-row-virtualization-jun-24
Open

add row virtualization#5146
benwolski wants to merge 3 commits into
developfrom
add-row-virtualization-jun-24

Conversation

@benwolski

Copy link
Copy Markdown
Collaborator

add virtual scrolling to TopPools and DexTokens lists with 40-50px fi…xed row heights, memoize PoolRow and TokenRow components, implement useVirtualRowWindow hook for windowed rendering with configurable overscan, add search query filtering with scroll reset on clear, and include visual spacers with repeating gradient to show placeholder rows during fast scrolling

…xed row heights, memoize PoolRow and TokenRow components, implement useVirtualRowWindow hook for windowed rendering with configurable overscan, add search query filtering with scroll reset on clear, and include visual spacers with repeating gradient to show placeholder rows during fast scrolling
@netlify

netlify Bot commented Jun 24, 2026

Copy link
Copy Markdown

Deploy Preview for ambient-finance ready!

Name Link
🔨 Latest commit b42fb41
🔍 Latest deploy log https://app.netlify.com/projects/ambient-finance/deploys/6a3c28cf10d6c30008a22750
😎 Deploy Preview https://deploy-preview-5146--ambient-finance.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

@netlify

netlify Bot commented Jun 24, 2026

Copy link
Copy Markdown

Deploy Preview for plume-ambient-finance ready!

Name Link
🔨 Latest commit b42fb41
🔍 Latest deploy log https://app.netlify.com/projects/plume-ambient-finance/deploys/6a3c28cf5e97c1000811750e
😎 Deploy Preview https://deploy-preview-5146--plume-ambient-finance.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

@netlify

netlify Bot commented Jun 24, 2026

Copy link
Copy Markdown

Deploy Preview for dev-ambi ready!

Name Link
🔨 Latest commit b42fb41
🔍 Latest deploy log https://app.netlify.com/projects/dev-ambi/deploys/6a3c28cf8be1c30008c2550d
😎 Deploy Preview https://deploy-preview-5146--dev-ambi.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

…s, refactor InfiniteScroll component to use virtual scrolling with useRowVirtualizer hook, replace page-based pagination with continuous scroll loading via useInfiniteScrollData hook, add scroll-to-top button with visibility toggle based on scroll position, implement dynamic row height measurement with 35px default fallback, simplify data fetching logic by removing page count tracking and blacklist mechanisms, and move helper functions to virtual
…driven re-renders from data merge logic, increase overscan from 10 to 50 rows for smoother fast scrolling, add willChange transform hint to virtualized container, replace inline scroll handler with useRef guard pattern to avoid re-subscriptions, consolidate scroll reset triggers into single resetKey prop, and switch TableRows keys from index to stable IDs (positionId, txId/txHash, limitOrderId)
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.

1 participant