From 86687f10d80a638d1dde8a2972f5b5dae34c4d2f Mon Sep 17 00:00:00 2001
From: Belen Curcio <curciobelen@gmail.com>
Date: Fri, 22 Sep 2017 17:38:46 -0300
Subject: [PATCH] Working indicators

---
 client/coral-admin/src/components/ui/Header.js |  2 +-
 client/coral-admin/src/containers/Header.js    | 16 ++++++++++++++++
 client/coral-admin/src/containers/Layout.js    |  3 +++
 3 files changed, 20 insertions(+), 1 deletion(-)
 create mode 100644 client/coral-admin/src/containers/Header.js

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')}
-                  <Indicator />
+                  {(root.premodCount !== 0  || root.reportedCount !== 0) && <Indicator />}
                 </Link>
               )
             }
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: {