info/developer-roadmap
1
0
Fork 0
mirror of https://github.com/kamranahmedse/developer-roadmap.git synced 2025-09-25 08:35:42 +02:00
Code Issues Releases Wiki Activity

fix: pagination number (#8504)

Browse Source
This commit is contained in:
Arik Chakma
2025-04-17 17:25:00 +06:00
committed by GitHub
parent 8b69b266d5
commit f279aea1cb
1 changed files with 5 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/Pagination/Pagination.tsx
View File

@@ -31,6 +31,8 @@ export function Pagination(props: PaginationProps) {
} }
const pages = usePagination(currPage, totalPages, 5); const pages = usePagination(currPage, totalPages, 5);
const showingFrom = (currPage - 1) * perPage + 1;
const showingTo = Math.min(showingFrom + perPage - 1, totalCount);
return ( return (
<div <div
@@ -98,9 +100,9 @@ export function Pagination(props: PaginationProps) {
</button> </button>
</div> </div>
<span className="ml-2 hidden text-sm font-normal text-gray-500 sm:block"> <span className="ml-2 hidden text-sm font-normal text-gray-500 sm:block">
Showing {formatCommaNumber((currPage - 1) * perPage)} to{' '} Showing {formatCommaNumber(showingFrom)} to{' '}
{formatCommaNumber((currPage - 1) * perPage + perPage)} of{' '} {formatCommaNumber(showingTo)} of {formatCommaNumber(totalCount)}{' '}
{formatCommaNumber(totalCount)} entries entries
</span> </span>
</div> </div>
); );