From 339d25bc879fc5a93b7c83e4f92396c7645447db Mon Sep 17 00:00:00 2001
From: esikkala <esko.ikkala@aalto.fi>
Date: Fri, 14 Jan 2022 13:50:39 +0200
Subject: [PATCH] Update table pagination props
---
src/client/components/facet_results/ResultTable.js | 8 ++++----
.../facet_results/ResultTablePaginationActions.js | 12 ++++++------
2 files changed, 10 insertions(+), 10 deletions(-)
diff --git a/src/client/components/facet_results/ResultTable.js b/src/client/components/facet_results/ResultTable.js
index d831aaeb..bf45132a 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 b7b85739..33cd1ada 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
--
GitLab