Pagination

Pagination.jsx

// in client/components/pagination.jsx
import ReactPaginate from 'react-paginate';

export default TodoPagination({handlePageClick, pageCount}) {
  return (
    <div className="paginate">
      <ReactPaginate 
        previousLabel={"previous"}
        nextLabel={"next"}
        breakLabel={<li className="break"><a href="">...</a></li>
        pageNum={pageCount}
        marginPagesDisplayed={2}
        pageRangeDisplayed={5}
        clickCallback={handlePageClick}
        containerClassName={"pagination"}
        subContainerClassName={"pages pagination"}
        activeClassName={"active"} 
      />
    </div>
  )
};