UNPKG

box-ui-elements-mlh

Version:
45 lines (38 loc) 1.01 kB
/** * @flow * @file Offset Based Pagination component * @author Box */ import React from 'react'; import noop from 'lodash/noop'; import PaginationControls from './PaginationControls'; type Props = { hasNextMarker?: boolean, hasPrevMarker?: boolean, onMarkerBasedPageChange?: Function, }; const MarkerBasedPagination = ({ hasNextMarker = false, hasPrevMarker = false, onMarkerBasedPageChange = noop, }: Props) => { if (!hasNextMarker && !hasPrevMarker) { return null; } const handleNextClick = () => { onMarkerBasedPageChange(1); }; const handlePreviousClick = () => { onMarkerBasedPageChange(-1); }; return ( <PaginationControls handleNextClick={handleNextClick} handlePreviousClick={handlePreviousClick} hasNextPage={hasNextMarker} hasPreviousPage={hasPrevMarker} isOffsetBasedPagination={false} /> ); }; export default MarkerBasedPagination;