LukeParke/unicorn-utterances
1
0
Fork 0
mirror of https://github.com/LukeHagar/unicorn-utterances.git synced 2025-12-06 04:21:55 +00:00
Code Issues Packages Projects Releases Wiki Activity

implement tests on usePagination

Browse Source
This commit is contained in:
James Fenn
2023-07-11 12:50:19 -04:00
parent 7e6eacd4c6
commit 5d7dcd2a51
2 changed files with 82 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/components/pagination/use-pagination.ts
View File

@@ -9,7 +9,8 @@ export function usePagination(page: PageInfo) {
const isNextEnabled = page.currentPage < page.lastPage;
// dots should only be enabled if there are more pages than we can display as buttons
const isDotsEnabled = page.lastPage > PAGE_BUTTON_COUNT;
// +2 for the first/last page, which are always shown
const isDotsEnabled = page.lastPage > PAGE_BUTTON_COUNT + 2;
// if the current page is close to the end, dots should be before so that the end is continuous
const isDotsFirst = page.lastPage - page.currentPage < PAGE_BUTTON_COUNT;
@@ -25,7 +26,7 @@ export function usePagination(page: PageInfo) {
...Array(PAGE_BUTTON_COUNT)
.fill(0)
.map((_, i) => i + firstPageNum)
.filter(i => i < page.lastPage),
.filter((i) => i < page.lastPage),
!isDotsFirst && "...",
// last page is always displayed
page.lastPage,