diff --git a/client/coral-admin/src/components/ui/Header.js b/client/coral-admin/src/components/ui/Header.js
index f6a467677..ac67430e5 100644
--- a/client/coral-admin/src/components/ui/Header.js
+++ b/client/coral-admin/src/components/ui/Header.js
@@ -35,7 +35,7 @@ const CoralHeader = ({
to="/admin/moderate"
activeClassName={styles.active}>
{t('configure.moderate')}
-
+ {(root.premodCount !== 0 || root.reportedCount !== 0) && }
)
}
diff --git a/client/coral-admin/src/containers/Header.js b/client/coral-admin/src/containers/Header.js
new file mode 100644
index 000000000..1c95923f8
--- /dev/null
+++ b/client/coral-admin/src/containers/Header.js
@@ -0,0 +1,16 @@
+import {gql} from 'react-apollo';
+import withFragments from 'coral-framework/hocs/withFragments';
+import Header from '../components/ui/Header';
+
+export default withFragments({
+ root: gql`
+ fragment TalkAdmin_Header on RootQuery {
+ premodCount: commentCount(query: {statuses: [PREMOD]})
+ reportedCount: commentCount(query: {statuses: [NONE, PREMOD, SYSTEM_WITHHELD], action_type: FLAG})
+ flaggedUsernamesCount: userCount(query: {
+ action_type: FLAG,
+ statuses: [PENDING]
+ })
+ }
+ `
+})(Header);
diff --git a/client/coral-admin/src/containers/Layout.js b/client/coral-admin/src/containers/Layout.js
index b1784d0a1..775e54745 100644
--- a/client/coral-admin/src/containers/Layout.js
+++ b/client/coral-admin/src/containers/Layout.js
@@ -17,6 +17,7 @@ import withQuery from 'coral-framework/hocs/withQuery';
import {bindActionCreators} from 'redux';
import {getDefinitionName} from 'coral-framework/utils';
import Community from '../routes/Community/containers/Community';
+import Header from '../containers/Header';
class LayoutContainer extends Component {
componentWillMount() {
@@ -105,8 +106,10 @@ LayoutContainer.propTypes = {
const withData = withQuery(gql`
query TalkAdmin_initialQuery {
+ ...${getDefinitionName(Header.fragments.root)}
...${getDefinitionName(Community.fragments.root)}
}
+ ${Header.fragments.root}
${Community.fragments.root}
`, {
options: {