diff --git a/client/coral-admin/src/containers/ModerationQueue/ModerationContainer.js b/client/coral-admin/src/containers/ModerationQueue/ModerationContainer.js
index 99a1ec656..16de8a32e 100644
--- a/client/coral-admin/src/containers/ModerationQueue/ModerationContainer.js
+++ b/client/coral-admin/src/containers/ModerationQueue/ModerationContainer.js
@@ -100,6 +100,18 @@ class ModerationContainer extends Component {
}
const comments = data[activeTab];
+ let activeTabCount;
+ switch(activeTab) {
+ case 'premod':
+ activeTabCount = data.premodCount;
+ break;
+ case 'flagged':
+ activeTabCount = data.flaggedCount;
+ break;
+ case 'rejected':
+ activeTabCount = data.rejectedCount;
+ break;
+ }
return (
@@ -125,6 +137,7 @@ class ModerationContainer extends Component {
loadMore={props.loadMore}
assetId={providedAssetId}
sort={this.state.sort}
+ commentCount={activeTabCount}
/>
{
+const ModerationQueue = ({comments, selectedIndex, commentCount, singleView, loadMore, activeTab, sort, ...props}) => {
return (
@@ -33,14 +34,14 @@ const ModerationQueue = ({comments, selectedIndex, singleView, loadMore, activeT
: {lang.t('modqueue.emptyqueue')}
}
-
+
);
};
diff --git a/client/coral-admin/src/containers/ModerationQueue/components/LoadMore.js b/client/coral-admin/src/containers/ModerationQueue/components/LoadMore.js
new file mode 100644
index 000000000..5ac193525
--- /dev/null
+++ b/client/coral-admin/src/containers/ModerationQueue/components/LoadMore.js
@@ -0,0 +1,22 @@
+import React from 'react';
+import {Button} from 'coral-ui';
+import styles from './styles.css';
+
+const LoadMore = ({comments, loadMore, sort, tab, assetId, showLoadMore}) =>
+
+ {
+ showLoadMore &&
+ }
+
;
+
+export default LoadMore;
diff --git a/client/coral-admin/src/containers/ModerationQueue/components/styles.css b/client/coral-admin/src/containers/ModerationQueue/components/styles.css
index 59f47faad..5abbb6b7d 100644
--- a/client/coral-admin/src/containers/ModerationQueue/components/styles.css
+++ b/client/coral-admin/src/containers/ModerationQueue/components/styles.css
@@ -387,3 +387,23 @@ span {
cursor: pointer;
}
}
+
+.loadMoreContainer {
+ display: flex;
+ justify-content: center;
+ width: 100%;
+};
+
+.loadMore {
+ width: 100%;
+ text-align: center;
+ color: #FFF;
+ max-width: 660px;
+ margin-bottom: 30px;
+ background-color: #2376D8;
+ cursor: pointer;
+}
+
+.loadMore:hover {
+ background-color: #4399FF;
+}