import { useCallback } from "react";

import { setParams, useRouter } from "../services/Router";

const usePagination = () => {
  const router = useRouter();
  const currentPage = router.query?.page ? +router.query.page : 1;

  const onPageChange = useCallback(
    (page) => {
      const newPage = page + 1;
      if (currentPage !== newPage) {
        setParams(router, { page: newPage }, { scrollToTop: true });
      }
    },
    [currentPage, router]
  );

  return { currentPage, onPageChange };
};

export default usePagination;