Migrated all remaining short-url elements to TS

src/short-urls/Paginator.tsx

@@ -0,0 +1,57 @@
+import React from 'react';
+import { Link } from 'react-router-dom';
+import { Pagination, PaginationItem, PaginationLink } from 'reactstrap';
+import { pageIsEllipsis, keyForPage, progressivePagination } from '../utils/helpers/pagination';
+import { ShlinkPaginator } from '../utils/services/types';
+import './Paginator.scss';
+
+interface PaginatorProps {
+  paginator?: ShlinkPaginator;
+  serverId: string;
+}
+
+const Paginator = ({ paginator, serverId }: PaginatorProps) => {
+  const { currentPage = 0, pagesCount = 0 } = paginator ?? {};
+
+  if (pagesCount <= 1) {
+    return null;
+  }
+
+  const renderPages = () =>
+    progressivePagination(currentPage, pagesCount).map((pageNumber, index) => (
+      <PaginationItem
+        key={keyForPage(pageNumber, index)}
+        disabled={pageIsEllipsis(pageNumber)}
+        active={currentPage === pageNumber}
+      >
+        <PaginationLink
+          tag={Link}
+          to={`/server/${serverId}/list-short-urls/${pageNumber}`}
+        >
+          {pageNumber}
+        </PaginationLink>
+      </PaginationItem>
+    ));
+
+  return (
+    <Pagination className="short-urls-paginator" listClassName="flex-wrap justify-content-center mb-0">
+      <PaginationItem disabled={currentPage === 1}>
+        <PaginationLink
+          previous
+          tag={Link}
+          to={`/server/${serverId}/list-short-urls/${currentPage - 1}`}
+        />
+      </PaginationItem>
+      {renderPages()}
+      <PaginationItem disabled={currentPage >= pagesCount}>
+        <PaginationLink
+          next
+          tag={Link}
+          to={`/server/${serverId}/list-short-urls/${currentPage + 1}`}
+        />
+      </PaginationItem>
+    </Pagination>
+  );
+};
+
+export default Paginator;