diff --git a/src/client/components/facet_results/ResultTable.js b/src/client/components/facet_results/ResultTable.js index d831aaebde7e0e9137d5fe03d87c6173e841a358..bf45132a2988322d1383e46cb39642d6509b9aee 100644 --- a/src/client/components/facet_results/ResultTable.js +++ b/src/client/components/facet_results/ResultTable.js @@ -150,13 +150,13 @@ class ResultTable extends React.Component { ) } - handleChangePage = (event, page) => { + handlePageChange = (event, page) => { if (event != null && !this.props.data.fetching) { this.props.updatePage(this.props.resultClass, page) } } - handleOnChangeRowsPerPage = event => { + handleRowsPerPageChange = event => { const rowsPerPage = event.target.value if (rowsPerPage !== this.props.data.pagesize) { this.props.updateRowsPerPage(this.props.resultClass, rowsPerPage) @@ -299,8 +299,8 @@ class ResultTable extends React.Component { inputProps: { 'aria-label': 'rows per page' }, native: true }} - onChangePage={this.handleChangePage} - onChangeRowsPerPage={this.handleOnChangeRowsPerPage} + onPageChange={this.handlePageChange} + onRowsPerPageChange={this.handleRowsPerPageChange} ActionsComponent={ResultTablePaginationActions} /> <div className={classes.tableContainer}> diff --git a/src/client/components/facet_results/ResultTablePaginationActions.js b/src/client/components/facet_results/ResultTablePaginationActions.js index b7b85739704fac693c437d8cf1254a4d1ab1d388..33cd1adaa453aef30ce2caca1fe86e42aa8a93ae 100644 --- a/src/client/components/facet_results/ResultTablePaginationActions.js +++ b/src/client/components/facet_results/ResultTablePaginationActions.js @@ -15,18 +15,18 @@ const styles = theme => ({ }) const ResultTablePaginationActions = props => { - const { theme, classes, count, page, rowsPerPage, onChangePage } = props + const { theme, classes, count, page, rowsPerPage, onPageChange } = props const handleFirstPageButtonClick = event => { - onChangePage(event, 0) + onPageChange(event, 0) } const handleBackButtonClick = event => { - onChangePage(event, page - 1) + onPageChange(event, page - 1) } const handleNextButtonClick = event => { - onChangePage(event, page + 1) + onPageChange(event, page + 1) } const handleLastPageButtonClick = event => { - onChangePage(event, Math.max(0, Math.ceil(count / rowsPerPage) - 1)) + onPageChange(event, Math.max(0, Math.ceil(count / rowsPerPage) - 1)) } return ( <div className={classes.root}> @@ -61,7 +61,7 @@ const ResultTablePaginationActions = props => { ResultTablePaginationActions.propTypes = { classes: PropTypes.object.isRequired, count: PropTypes.number.isRequired, - onChangePage: PropTypes.func.isRequired, + onPageChange: PropTypes.func.isRequired, page: PropTypes.number.isRequired, rowsPerPage: PropTypes.number.isRequired, theme: PropTypes.object.isRequired