add pagination UI render test

client/src/components/molecules/Pagination.test.tsx

@@ -0,0 +1,16 @@
+import React from 'react'
+import { render } from 'react-testing-library'
+import Pagination from './Pagination'
+
+describe('Button', () => {
+    it('renders without crashing', () => {
+        const { container, getByRole } = render(
+            <Pagination
+                totalPages={20}
+                currentPage={1}
+                handlePageClick={() => Promise.resolve()}
+            />
+        )
+        expect(container.firstChild).toBeInTheDocument()
+    })
+})

client/src/components/molecules/Pagination.tsx

@@ -14,20 +14,21 @@ export default class Pagination extends PureComponent<{
             totalPages > 1 && (
                 <ReactPaginate
                     pageCount={totalPages}
+                    // react-pagination starts counting at 0, we start at 1
                     initialPage={currentPage - 1}
                     marginPagesDisplayed={1}
                     pageRangeDisplayed={6}
                     onPageChange={data => handlePageClick(data)}
+                    disableInitialCallback
+                    previousLabel={'←'}
+                    nextLabel={'→'}
+                    breakLabel={'...'}
                     containerClassName={styles.pagination}
                     pageLinkClassName={styles.number}
                     activeLinkClassName={styles.current}
                     previousLinkClassName={styles.prev}
                     nextLinkClassName={styles.next}
                     disabledClassName={styles.prevNextDisabled}
-                    disableInitialCallback
-                    previousLabel={'←'}
-                    nextLabel={'→'}
-                    breakLabel={'...'}
                     breakLinkClassName={styles.break}
                 />
             )

client/src/routes/Search.tsx

@@ -73,6 +73,7 @@ export default class Search extends PureComponent<SearchProps, SearchState> {
     }
 
     private handlePageClick = async (data: { selected: number }) => {
+        // react-pagination starts counting at 0, we start at 1
         let toPage = data.selected + 1
 
         this.props.history.push({