From 0d2d6b52a5d0468d020f672745844dfacb474ed8 Mon Sep 17 00:00:00 2001
From: David Jay <davidgljay@gmail.com>
Date: Fri, 16 Dec 2016 17:07:59 -0500
Subject: [PATCH] Adding pagination.

---
 .../src/containers/Community/Community.js     |  2 +-
 .../src/containers/Streams/Streams.js         | 19 +++++++++++++++++--
 .../components}/Pager.css                     |  0
 .../components}/Pager.js                      |  0
 4 files changed, 18 insertions(+), 3 deletions(-)
 rename client/{coral-admin/src/containers/Community => coral-ui/components}/Pager.css (100%)
 rename client/{coral-admin/src/containers/Community => coral-ui/components}/Pager.js (100%)

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 {
     </div>;
   }
 
+  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 <div className={styles.container}>
       <div className={styles.leftColumn}>
 
@@ -139,6 +149,11 @@ class Streams extends Component {
           {lang.t('streams.status')}
         </TableHeader>
       </DataTable>
+      <Pager
+        totalPages={Math.ceil((assets.count || 0) / limit)}
+        page={this.state.page}
+        onNewPageHandler={this.onPageClick}
+      />
       </div>
     </div>;
   }
diff --git a/client/coral-admin/src/containers/Community/Pager.css b/client/coral-ui/components/Pager.css
similarity index 100%
rename from client/coral-admin/src/containers/Community/Pager.css
rename to client/coral-ui/components/Pager.css
diff --git a/client/coral-admin/src/containers/Community/Pager.js b/client/coral-ui/components/Pager.js
similarity index 100%
rename from client/coral-admin/src/containers/Community/Pager.js
rename to client/coral-ui/components/Pager.js