UsePagination

1'use client';
2 
3import { useCallback, useEffect, useMemo, useState } from 'react';
4 
5// Types for options and return value
6interface UsePaginationOptions {
7  initialPage?: number;
8  initialPageSize?: number;
9}
10 
11export interface UsePaginationResult {
12  page: number;
13  pageSize: number;
14  totalPages: number;
15  setPage: (page: number) => void;
16  nextPage: () => void;
17  prevPage: () => void;
18  setPageSize: (size: number) => void;
19}
20 
21export function usePagination(
22  totalItems: number,
23  options: UsePaginationOptions = {},
24): UsePaginationResult {
25  const { initialPage = 1, initialPageSize = 10 } = options;
26 
27  const [page, setPageState] = useState<number>(initialPage);
28  const [pageSize, setPageSizeState] = useState<number>(initialPageSize);
29 
30  const totalPages = useMemo(
31    () => Math.max(1, Math.ceil(totalItems / pageSize)),
32    [totalItems, pageSize],
33  );
34 
35  useEffect(() => {
36    // Ensure current page is within bounds when totalPages changes
37    setPageState((current) => Math.min(current, totalPages));
38  }, [totalPages]);
39 
40  const setPage = useCallback(
41    (newPage: number) => {
42      setPageState((prev) => Math.max(1, Math.min(newPage, totalPages)));
43    },
44    [totalPages],
45  );
46 
47  const nextPage = useCallback(() => {
48    setPage(page + 1);
49  }, [page, setPage]);
50 
51  const prevPage = useCallback(() => {
52    setPage(page - 1);
53  }, [page, setPage]);
54 
55  const setPageSize = useCallback((newSize: number) => {
56    setPageSizeState(newSize);
57  }, []);
58 
59  return {
60    page,
61    pageSize,
62    totalPages,
63    setPage,
64    nextPage,
65    prevPage,
66    setPageSize,
67  };
68}