diff --git a/src/common/SimplePaginator.js b/src/common/SimplePaginator.js index 1193066c..f87b35f9 100644 --- a/src/common/SimplePaginator.js +++ b/src/common/SimplePaginator.js @@ -1,7 +1,7 @@ import React from 'react'; import PropTypes from 'prop-types'; import { Pagination, PaginationItem, PaginationLink } from 'reactstrap'; -import { ELLIPSIS, progressivePagination } from '../utils/helpers/pagination'; +import { isPageDisabled, keyForPage, progressivePagination } from '../utils/helpers/pagination'; import './SimplePaginator.scss'; const propTypes = { @@ -22,13 +22,13 @@ const SimplePaginator = ({ pagesCount, currentPage, setCurrentPage }) => { - {progressivePagination(currentPage, pagesCount).map((page, index) => ( + {progressivePagination(currentPage, pagesCount).map((pageNumber, index) => ( - {page} + {pageNumber} ))} = pagesCount}> diff --git a/src/short-urls/Paginator.js b/src/short-urls/Paginator.js index 9a8a7476..46783dc7 100644 --- a/src/short-urls/Paginator.js +++ b/src/short-urls/Paginator.js @@ -2,7 +2,7 @@ import React from 'react'; import { Link } from 'react-router-dom'; import { Pagination, PaginationItem, PaginationLink } from 'reactstrap'; import PropTypes from 'prop-types'; -import { ELLIPSIS, progressivePagination } from '../utils/helpers/pagination'; +import { isPageDisabled, keyForPage, progressivePagination } from '../utils/helpers/pagination'; const propTypes = { serverId: PropTypes.string.isRequired, @@ -22,9 +22,9 @@ const Paginator = ({ paginator = {}, serverId }) => { const renderPages = () => progressivePagination(currentPage, pagesCount).map((pageNumber, index) => ( { return pages; }; + +export const keyForPage = (pageNumber, index) => pageNumber !== ELLIPSIS ? pageNumber : `${pageNumber}_${index}`; + +export const isPageDisabled = (pageNumber) => pageNumber === ELLIPSIS;