External/portabase
1
0
Fork 0
mirror of https://github.com/Portabase/portabase.git synced 2026-07-14 11:16:13 +02:00
Code Issues Packages Projects Releases Wiki Activity

migration

Browse Source
This commit is contained in:
Théo LAGACHE
2025-05-16 15:54:17 +02:00
parent 01019fe1a3
commit 6f2523e524
285 changed files with 15492 additions and 46090 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/wrappers/common/pagination/pagination-navigation.tsx
+17 -27
View File
@@ -1,41 +1,31 @@
import {
Pagination,
PaginationContent,
PaginationItem,
PaginationNext,
PaginationPrevious
} from "@/components/ui/pagination";
import {PaginationIndexes} from "@/components/wrappers/common/pagination/pagination-indexes";
import {cn} from "@/lib/utils";
import { Pagination, PaginationContent, PaginationItem, PaginationNext, PaginationPrevious } from "@/components/ui/pagination";
import { PaginationIndexes } from "@/components/wrappers/common/pagination/pagination-indexes";
import { cn } from "@/lib/utils";
export type paginationNavigationProps = {
className?: string
totalPages: number
currentPage: number
goToPage: (page: number) => void
goToPrevPage: () => void
goToNextPage: () => void
maxVisiblePages?: number
}
className?: string;
totalPages: number;
currentPage: number;
goToPage: (page: number) => void;
goToPrevPage: () => void;
goToNextPage: () => void;
maxVisiblePages?: number;
};
export const PaginationNavigation = (props: paginationNavigationProps) => {
const {className, totalPages, currentPage, goToPage, goToPrevPage, goToNextPage, maxVisiblePages = 3} = props
const { className, totalPages, currentPage, goToPage, goToPrevPage, goToNextPage, maxVisiblePages = 3 } = props;
return (
<Pagination className={cn("", className)}>
<PaginationContent>
<PaginationItem>
<PaginationPrevious onClick={goToPrevPage}/>
<PaginationPrevious onClick={goToPrevPage} />
</PaginationItem>
<PaginationIndexes totalPages={totalPages} currentPage={currentPage} handlePageChange={goToPage}
maxVisiblePages={maxVisiblePages}/>
<PaginationIndexes totalPages={totalPages} currentPage={currentPage} handlePageChange={goToPage} maxVisiblePages={maxVisiblePages} />
<PaginationItem>
<PaginationNext onClick={goToNextPage}/>
<PaginationNext onClick={goToNextPage} />
</PaginationItem>
</PaginationContent>
</Pagination>
)
}
);
};