import React, { Component, Fragment } from 'react'; import PropTypes from 'prop-types'; import { gettext } from '../utils/constants'; import { Label } from 'reactstrap'; const propTypes = { gotoPreviousPage: PropTypes.func.isRequired, gotoNextPage: PropTypes.func.isRequired, currentPage: PropTypes.number.isRequired, hasNextPage: PropTypes.bool.isRequired, canResetPerPage: PropTypes.bool.isRequired, resetPerPage: PropTypes.func }; class Paginator extends Component { resetPerPage = (perPage) => { this.props.resetPerPage(perPage); } goToPrevious = (e) => { e.preventDefault(); this.props.gotoPreviousPage(); } goToNext = (e) => { e.preventDefault(); this.props.gotoNextPage(); } render() { return (
{this.props.currentPage != 1 && {gettext('Previous')} } {this.props.hasNextPage && {gettext('Next')} }
{this.props.canResetPerPage &&
{gettext('Per page:')}{' '}
}
); } } Paginator.propTypes = propTypes; export default Paginator;