Ryan/documenso
1
0
Fork 1
mirror of https://github.com/documenso/documenso.git synced 2025-11-13 00:03:33 +10:00
Code Issues Packages Projects Releases Wiki Activity

fix: pagination discrepancy

Browse Source
This commit is contained in:
Gautam-Hegde
2024-03-13 13:45:10 +05:30
parent a178e1d86f
commit 0488442652
1 changed files with 7 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
packages/ui/primitives/data-table-pagination.tsx
View File

@ -20,6 +20,9 @@ export function DataTablePagination<TData>({
table,
additionalInformation = 'VisibleCount',
}: DataTablePaginationProps<TData>) {
const pageCount = table.getPageCount();
const isEmptyTable = pageCount === 0;
return (
<div className="flex flex-wrap items-center justify-between gap-x-4 gap-y-4 px-2">
<div className="text-muted-foreground flex-1 text-sm">
@ -65,7 +68,9 @@ export function DataTablePagination<TData>({
</div>
<div className="flex flex-wrap items-center gap-x-6 gap-y-4 lg:gap-x-8">
<div className="flex items-center text-sm font-medium md:justify-center">
Page {table.getState().pagination.pageIndex + 1} of {table.getPageCount()}
{isEmptyTable
? 'Page 1 of 1'
: `Page ${table.getState().pagination.pageIndex + 1} of ${pageCount}`}
</div>
<div className="flex items-center gap-x-2">
@ -99,7 +104,7 @@ export function DataTablePagination<TData>({
<Button
variant="outline"
className="hidden h-8 w-8 p-0 lg:flex"
onClick={() => table.setPageIndex(table.getPageCount() - 1)}
onClick={() => table.setPageIndex(pageCount - 1)}
disabled={!table.getCanNextPage()}
>
<span className="sr-only">Go to last page</span>