diff --git a/client/coral-admin/src/routes/Community/components/People.js b/client/coral-admin/src/routes/Community/components/People.js index 2be222c05..0878873ac 100644 --- a/client/coral-admin/src/routes/Community/components/People.js +++ b/client/coral-admin/src/routes/Community/components/People.js @@ -17,6 +17,7 @@ const People = (props) => { totalPages, setRole, setCommenterStatus, + viewUserDetail, } = props; const hasResults = !!users.length; @@ -42,12 +43,13 @@ const People = (props) => { ? : {t('community.no_results')} } - + ( +const Table = ({users, setRole, onHeaderClickHandler, setCommenterStatus, viewUserDetail}) => (
{headers.map((header, i) =>(
onHeaderClickHandler({field: header.field})}> {header.title} @@ -80,7 +80,7 @@ Table.propTypes = { onHeaderClickHandler: PropTypes.func.isRequired, setRole: PropTypes.func.isRequired, setCommenterStatus: PropTypes.func.isRequired, - viewUserDetail: PropTypes.func, + viewUserDetail: PropTypes.func.isRequired, }; export default Table; diff --git a/client/coral-admin/src/routes/Community/containers/People.js b/client/coral-admin/src/routes/Community/containers/People.js index c45361c9f..5cd6f6e9c 100644 --- a/client/coral-admin/src/routes/Community/containers/People.js +++ b/client/coral-admin/src/routes/Community/containers/People.js @@ -77,6 +77,7 @@ class PeopleContainer extends React.Component { totalPages={this.props.community.totalPagesPeople} setCommenterStatus={this.props.setCommenterStatus} setRole={this.props.setRole} + viewUserDetail={this.props.viewUserDetail} />; } } @@ -87,6 +88,7 @@ PeopleContainer.propTypes = { updateSorting: PropTypes.func, setRole: PropTypes.func.isRequired, setCommenterStatus: PropTypes.func.isRequired, + viewUserDetail: PropTypes.func.isRequired, community: PropTypes.object, }; diff --git a/client/coral-ui/components/Paginate.css b/client/coral-ui/components/Paginate.css index dbb25b844..86b7c91c5 100644 --- a/client/coral-ui/components/Paginate.css +++ b/client/coral-ui/components/Paginate.css @@ -2,7 +2,7 @@ text-align: center; } -.page, .previous, .next { +.page, .previous, .next, .break { display: inline-block; margin-right: 5px; height: 30px; diff --git a/client/coral-ui/components/Paginate.js b/client/coral-ui/components/Paginate.js index 1d7d55398..3a404db69 100644 --- a/client/coral-ui/components/Paginate.js +++ b/client/coral-ui/components/Paginate.js @@ -11,7 +11,6 @@ const Paginate = ({pageCount, onPageChange}) => ( pageRangeDisplayed={5} marginPagesDisplayed={2} onPageChange={onPageChange} - breakLabel={...} breakClassName={styles.break} containerClassName={styles.container} pageClassName={styles.page}