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;