All files / src/hooks/common usePaginationComponent.ts

0% Statements 0/14
0% Branches 0/1
0% Functions 0/4
0% Lines 0/13

Press n or j to go to the next uncovered block, b, p or k for the previous block.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27                                                     
import { useDispatch, useSelector } from "react-redux";
import {
  PaginationKeys,
  paginationSelector,
  resetPagination,
} from "../../store/features/pagination/paginationSlice.ts";
import { useEffect } from "react";
 
function usePaginationComponent(refetch: () => void) {
  const dispatch = useDispatch();
  const pagination = useSelector(paginationSelector);
  const page = pagination[PaginationKeys.PAGE];
  const limit = pagination[PaginationKeys.LIMIT];
 
  useEffect(() => {
    Iif (refetch) refetch();
  }, [page, limit, refetch]);
 
  useEffect(() => {
    return () => {
      dispatch(resetPagination());
    };
  }, [dispatch]);
}
 
export default usePaginationComponent;