Open
Conversation
…ion logic, and associated UI styling.
Implements betterbugs#76: Adds lightweight animated pagination to the main tools listing page. - Create reusable Pagination component with framer-motion sliding indicator - Paginate tools grid to 30 items per page - Reset to page 1 on filter/search changes - Show pagination for search results exceeding 9 items - Add AnimatePresence page transition animations - Update 'Showing' label to display page range
Collaborator
|
Please remove code changes from PR #71 and keep it scoped for the pagination issue |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Closes #76
Adds lightweight animated pagination to the DevTools listing page. Works across all filter states (category, type, search).
Changes:
New
Pagination.tsx
component with spring-animated sliding indicator (framer-motion)
PAGE_SIZE = 30, auto-reset to page 1 on filter changes
AnimatePresence page transitions, ellipsis for large page counts
No new npm dependencies