diff --git a/client/coral-admin/src/containers/Community/Community.js b/client/coral-admin/src/containers/Community/Community.js index e798266f0..286a7f364 100644 --- a/client/coral-admin/src/containers/Community/Community.js +++ b/client/coral-admin/src/containers/Community/Community.js @@ -7,7 +7,7 @@ import styles from './Community.css'; import Table from './Table'; import Loading from './Loading'; import NoResults from './NoResults'; -import Pager from './Pager'; +import Pager from 'coral-ui/components/Pager'; const lang = new I18n(translations); diff --git a/client/coral-admin/src/containers/Streams/Streams.js b/client/coral-admin/src/containers/Streams/Streams.js index 58c1c9b61..4841d2a1b 100644 --- a/client/coral-admin/src/containers/Streams/Streams.js +++ b/client/coral-admin/src/containers/Streams/Streams.js @@ -11,8 +11,9 @@ import { DataTable, TableHeader } from 'react-mdl'; +import Pager from 'coral-ui/components/Pager'; -const limit = 25; +const limit = 10; class Streams extends Component { @@ -21,7 +22,8 @@ class Streams extends Component { sort: 'desc', filter: 'all', statusMenus: {}, - timer: null + timer: null, + page: 0 } componentDidMount () { @@ -88,10 +90,18 @@ class Streams extends Component { ; } + onPageClick = (page) => { + this.setState({page}); + const {search, sort, filter} = this.state; + this.props.fetchAssets((page - 1) * limit, limit, search, sort, filter); + } + render () { const {search, sort, filter} = this.state; const {assets} = this.props; + console.log(assets); + return