Skip to content

feat: support first page / last page on pagination#5683

Merged
cuzz-venus merged 7 commits into
mainfrom
feat/pagination-enhancement
Jul 16, 2026
Merged

feat: support first page / last page on pagination#5683
cuzz-venus merged 7 commits into
mainfrom
feat/pagination-enhancement

Conversation

@cuzz-venus

@cuzz-venus cuzz-venus commented Jul 13, 2026

Copy link
Copy Markdown
Contributor

Jira ticket(s)

VPD-1532

Changes

  • support first page and last page

@vercel

vercel Bot commented Jul 13, 2026

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
dapp-preview Ready Ready Preview Jul 16, 2026 9:01am
dapp-testnet Ready Ready Preview Jul 16, 2026 9:01am
venus.io Ready Ready Preview Jul 16, 2026 9:01am

Request Review

@changeset-bot

changeset-bot Bot commented Jul 13, 2026

Copy link
Copy Markdown

🦋 Changeset detected

Latest commit: 6884798

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 1 package
Name Type
@venusprotocol/evm Minor

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

@greptile-apps

greptile-apps Bot commented Jul 13, 2026

Copy link
Copy Markdown

Greptile Summary

This PR adds first-page and last-page controls to pagination. The main changes are:

  • New double-chevron icons for the first and last page actions.
  • Pagination buttons that jump to the first or last page.
  • Localized accessibility labels for the new icon-only controls.
  • A changeset for the EVM package update.

Confidence Score: 5/5

This looks safe to merge.

  • No blocking issues found in the changed code.

Important Files Changed

Filename Overview
apps/evm/src/components/Pagination/index.tsx Adds first and last page buttons with localized accessible labels.
apps/evm/src/components/Icon/icons/index.ts Exports the new double-chevron icon components.
apps/evm/src/components/Icon/icons/doubleChevronLeft.tsx Adds the left double-chevron SVG icon.
apps/evm/src/components/Icon/icons/doubleChevronRight.tsx Adds the right double-chevron SVG icon.
apps/evm/src/libs/translations/translations/en.json Adds English labels for the new pagination controls.
apps/evm/src/libs/translations/translations/ja.json Adds Japanese labels for the new pagination controls.
apps/evm/src/libs/translations/translations/th.json Adds Thai labels for the new pagination controls.
apps/evm/src/libs/translations/translations/tr.json Adds Turkish labels for the new pagination controls.
apps/evm/src/libs/translations/translations/vi.json Adds Vietnamese labels for the new pagination controls.
apps/evm/src/libs/translations/translations/zh-Hans.json Adds Simplified Chinese labels for the new pagination controls.
apps/evm/src/libs/translations/translations/zh-Hant.json Adds Traditional Chinese labels for the new pagination controls.
.changeset/lazy-gifts-appear.md Adds the package changeset for the pagination update.

Reviews (2): Last reviewed commit: "feat: support first page / last page on ..." | Re-trigger Greptile

Comment on lines +77 to +78
<PaginationButton onClick={() => goToPageByIndex(0)}>
<Icon css={styles.iconArrow} name="doubleChevronLeft" />

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

P2 Unlabeled Pagination Controls

When pagination has more than one page, this new first-page control renders as a button whose only child is an SVG with no accessible name. Screen readers and voice-control users will hear or target an unlabeled button instead of a “go to first page” action; the button needs a localized aria-label on the control.

Context Used: Ensure the rules defined in the files under .claud... (source)

Note: If this suggestion doesn't match your team's coding style, reply to this and let me know. I'll remember it for next time!

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Added!

Comment on lines +115 to +116
<PaginationButton onClick={() => goToPageByIndex(pagesCount - 1)}>
<Icon css={styles.iconArrow} name="doubleChevronRight" />

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

P2 Unlabeled Pagination Controls

When pagination is not on the last page, this new last-page control renders as a button whose only child is an SVG with no accessible name. Screen readers and voice-control users will hear or target an unlabeled button instead of a “go to last page” action; the button needs a localized aria-label on the control.

Context Used: Ensure the rules defined in the files under .claud... (source)

Note: If this suggestion doesn't match your team's coding style, reply to this and let me know. I'll remember it for next time!

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Added!

@github-actions

github-actions Bot commented Jul 14, 2026

Copy link
Copy Markdown
Contributor

Coverage Report for ./apps/evm

Status Category Percentage Covered / Total
🔵 Lines 83.04% 51285 / 61758
🔵 Statements 83.04% 51285 / 61758
🔵 Functions 62.76% 676 / 1077
🔵 Branches 72.71% 5883 / 8090
File Coverage
File Stmts Branches Functions Lines Uncovered Lines
Changed Files
apps/evm/src/components/Icon/icons/doubleChevronLeft.tsx 50% 100% 0% 50% 5-7
apps/evm/src/components/Icon/icons/doubleChevronRight.tsx 100% 50% 100% 100%
apps/evm/src/components/Icon/icons/index.ts 99.09% 0% 100% 99.09% 1
apps/evm/src/components/Pagination/index.tsx 88.67% 75% 14.28% 88.67% 70-71, 95-99, 118-125
apps/evm/src/components/Pagination/usePagination.ts 78.08% 81.25% 0% 78.08% 1, 48-54, 85-94
apps/evm/src/hooks/useUrlPagination/index.ts 97.5% 93.33% 100% 97.5% 1
apps/evm/src/pages/Dashboard/Transactions/index.tsx 81.81% 55.17% 0% 81.81% 45, 49-53, 57-63, 65-67, 73-79, 87-94, 110, 112, 175-179, 227
apps/evm/src/pages/PrimeLeaderboard/PrimeLeaderboardTable/index.tsx 100% 0% 100% 100%
apps/evm/src/pages/PrimeLeaderboard/RankTable/index.tsx 96.22% 60% 75% 96.22% 120-124
Generated in workflow #13834 for commit 6884798 by the Vitest Coverage Report Action

@cuzz-venus

Copy link
Copy Markdown
Contributor Author

@greptile review again

@cuzz-venus
cuzz-venus merged commit 712e745 into main Jul 16, 2026
5 checks passed
@cuzz-venus
cuzz-venus deleted the feat/pagination-enhancement branch July 16, 2026 12:54
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.

2 participants