Minor rename changes

packages/chakra-components/src/components/Pagination/EllipsisButton.tsx

@@ -1,6 +1,6 @@
-import { useState } from 'react'
-import { useStyleConfig } from '@chakra-ui/system'
 import { Button, ButtonProps, Input, InputProps } from '@chakra-ui/react'
+import { useStyleConfig } from '@chakra-ui/system'
+import { useState } from 'react'
 
 type EllipsisButtonProps = ButtonProps & {
   gotoPage: (page: number) => void

packages/chakra-components/src/components/Pagination/Pagination.tsx

@@ -1,11 +1,11 @@
 import { ButtonGroup, ButtonGroupProps, ButtonProps, InputProps, Text } from '@chakra-ui/react'
-import { ReactElement, useMemo } from 'react'
-import { Link as RouterLink } from 'react-router-dom'
+import { chakra, useMultiStyleConfig } from '@chakra-ui/system'
 import { useLocalize, usePagination, useRoutedPagination } from '@vocdoni/react-providers'
 import { PaginationResponse } from '@vocdoni/sdk'
-import { useMultiStyleConfig, chakra } from '@chakra-ui/system'
+import { ReactElement, useMemo } from 'react'
+import { Link as RouterLink } from 'react-router-dom'
 import { EllipsisButton } from './EllipsisButton'
-import { PaginatorButton } from './PaginatorButton'
+import { PageButton as PaginatorButton } from './PaginatorButton'
 
 export type PaginationProps = ButtonGroupProps & {
   maxButtons?: number | false
@@ -41,8 +41,8 @@ const usePaginationPages = (
   createPageButton: CreatePageButtonType,
   inputProps?: InputProps,
   buttonProps?: ButtonProps
-) => {
-  return useMemo(() => {
+) =>
+  useMemo(() => {
     if (totalPages === undefined) return []
 
     let pages: ReactElement[] = []
@@ -79,8 +79,7 @@ const usePaginationPages = (
       const endPage = currentPage + Math.floor(availableButtons / 2)
       return [pages[0], startEllipsis, ...pages.slice(startPage, endPage - 1), endEllipsis, pages[totalPages - 1]]
     }
-  }, [currentPage, totalPages, maxButtons, gotoPage])
-}
+  }, [totalPages, maxButtons, gotoPage, inputProps, buttonProps, currentPage, createPageButton])
 
 const PaginationButtons = ({
   totalPages,

packages/chakra-components/src/components/Pagination/PaginatorButton.tsx

@@ -1,7 +1,7 @@
-import { useStyleConfig } from '@chakra-ui/system'
 import { Button, ButtonProps, forwardRef } from '@chakra-ui/react'
+import { useStyleConfig } from '@chakra-ui/system'
 
-export const PaginatorButton = forwardRef<ButtonProps, 'div'>((props, ref) => {
+export const PageButton = forwardRef<ButtonProps, 'div'>((props, ref) => {
   const styles = useStyleConfig('PageButton', props)
   return <Button sx={styles} {...props} />
 })