chore: change function name to onCloseOnLastPage

Author: kemuru

src/hooks/pagination/use-pagination.tsx

@@ -3,12 +3,12 @@ const usePagination = (
   numPages: number,
   //eslint-disable-next-line @typescript-eslint/ban-types
   callback: Function,
-  closeOnLastPage?: () => void,
+  onCloseOnLastPage?: () => void,
   numNeighbors = 2
 ) => {
   const incrementPage = () => {
-    if (currentPage === numPages && closeOnLastPage) {
-      closeOnLastPage();
+    if (currentPage === numPages && onCloseOnLastPage) {
+      onCloseOnLastPage();
     } else {
       const newPage = Math.min(numPages, currentPage + 1);
       callback(newPage);

src/lib/pagination/compact.tsx

@@ -77,7 +77,7 @@ interface CompactPaginationProps {
   numPages: number;
   //eslint-disable-next-line @typescript-eslint/ban-types
   callback: Function;
-  closeOnLastPage?: () => void;
+  onCloseOnLastPage?: () => void;
   label?: ReactNode;
   className?: string;
 }
@@ -86,21 +86,21 @@ const CompactPagination: React.FC<CompactPaginationProps> = ({
   currentPage,
   numPages,
   callback,
-  closeOnLastPage,
+  onCloseOnLastPage,
   label,
   className,
 }) => {
   const [{ incrementPage, decrementPage, minPageReached, maxPageReached }] =
-    usePagination(currentPage, numPages, callback, closeOnLastPage);
+    usePagination(currentPage, numPages, callback, onCloseOnLastPage);
 
   return (
     <Wrapper {...{ className }}>
       <StyledLabel>{label}</StyledLabel>
       <LeftArrow disabled={minPageReached} onClick={decrementPage}>
         <Arrow className={StyledSVG.styledComponentId} />
       </LeftArrow>
-      {currentPage === numPages && closeOnLastPage ? (
-        <CloseButton onClick={closeOnLastPage}>
+      {currentPage === numPages && onCloseOnLastPage ? (
+        <CloseButton onClick={onCloseOnLastPage}>
           <SolidErrorIcon className={StyledSVG.styledComponentId} />
         </CloseButton>
       ) : (