mirror of
https://github.com/umami-software/umami.git
synced 2026-02-05 21:27:20 +01:00
Start using react-zen.
This commit is contained in:
parent
020cfdc646
commit
71e4f8f49b
24 changed files with 1872 additions and 609 deletions
|
|
@ -4,16 +4,16 @@ import { useMessages } from '@/components/hooks';
|
|||
import styles from './Pager.module.css';
|
||||
|
||||
export interface PagerProps {
|
||||
page: number;
|
||||
pageSize: number;
|
||||
count: number;
|
||||
page: string | number;
|
||||
pageSize: string | number;
|
||||
count: string | number;
|
||||
onPageChange: (nextPage: number) => void;
|
||||
className?: string;
|
||||
}
|
||||
|
||||
export function Pager({ page, pageSize, count, onPageChange, className }: PagerProps) {
|
||||
const { formatMessage, labels } = useMessages();
|
||||
const maxPage = pageSize && count ? Math.ceil(count / pageSize) : 0;
|
||||
const maxPage = pageSize && count ? Math.ceil(+count / +pageSize) : 0;
|
||||
const lastPage = page === maxPage;
|
||||
const firstPage = page === 1;
|
||||
|
||||
|
|
@ -22,7 +22,7 @@ export function Pager({ page, pageSize, count, onPageChange, className }: PagerP
|
|||
}
|
||||
|
||||
const handlePageChange = (value: number) => {
|
||||
const nextPage = page + value;
|
||||
const nextPage = +page + +value;
|
||||
|
||||
if (nextPage > 0 && nextPage <= maxPage) {
|
||||
onPageChange(nextPage);
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue