setting up dashboard :)

client/coral-admin/src/AppRouter.js

@@ -8,6 +8,7 @@ import CommentStream from 'containers/CommentStream/CommentStream';
 import InstallContainer from 'containers/Install/InstallContainer';
 import CommunityContainer from 'containers/Community/CommunityContainer';
 import ModerationContainer from 'containers/ModerationQueue/ModerationContainer';
+import Dashboard from 'containers/Dashboard/Dashboard';
 
 const routes = (
   <div>
@@ -18,6 +19,7 @@ const routes = (
       <Route path='community' component={CommunityContainer} />
       <Route path='configure' component={Configure} />
       <Route path='streams' component={Streams} />
+      <Route path='dashboard' component={Dashboard} />
     </Route>
   </div>
 );

client/coral-admin/src/components/ui/Header.js

@@ -13,21 +13,35 @@ export default ({handleLogout, restricted = false}) => (
       !restricted ?
       <div>
         <Navigation className={styles.nav}>
-          <IndexLink className={styles.navLink} to="/admin"
-                     activeClassName={styles.active}>
-                     {lang.t('configure.moderate')}
-         </IndexLink>
-          <Link className={styles.navLink} to="/admin/community"
-                activeClassName={styles.active}>
-                {lang.t('configure.community')}
+          <IndexLink
+            className={styles.navLink}
+            to="/admin"
+            activeClassName={styles.active}>
+            {lang.t('configure.moderate')}
+          </IndexLink>
+          <Link
+            className={styles.navLink}
+            to="/admin/community"
+            activeClassName={styles.active}>
+            {lang.t('configure.community')}
           </Link>
-          <Link className={styles.navLink} to="/admin/configure"
-                activeClassName={styles.active}>
-                {lang.t('configure.configure')}
+          <Link
+            className={styles.navLink}
+            to="/admin/configure"
+            activeClassName={styles.active}>
+            {lang.t('configure.configure')}
           </Link>
-          <Link className={styles.navLink} to="/admin/streams"
-                activeClassName={styles.active}>
-                {lang.t('configure.streams')}
+          <Link
+            className={styles.navLink}
+            to="/admin/streams"
+            activeClassName={styles.active}>
+            {lang.t('configure.streams')}
+          </Link>
+          <Link
+            className={styles.navLink}
+            to="/admin/dashboard"
+            activeClassName={styles.active}>
+            {lang.t('configure.dashboard')}
           </Link>
         </Navigation>
         <div className={styles.rightPanel}>

client/coral-admin/src/containers/Dashboard/Dashboard.js

@@ -0,0 +1,15 @@
+import React from 'react';
+import {compose} from 'react-apollo';
+import {mostFlags} from 'coral-admin/src/graphql/queries';
+
+class Dashboard extends React.Component {
+  render () {
+    return (
+      <div>Dashboard</div>
+    );
+  }
+}
+
+export default compose(
+  mostFlags
+)(Dashboard);

client/coral-admin/src/graphql/queries/index.js

@@ -0,0 +1,4 @@
+import {graphql} from 'react-apollo';
+import MOST_FLAGS from './mostFlags.graphql';
+
+export const mostFlags = graphql(MOST_FLAGS, {});

client/coral-admin/src/graphql/queries/mostFlags.graphql

@@ -0,0 +1,3 @@
+query mostFlags {
+  metric
+}

client/coral-admin/src/translations.json

@@ -48,6 +48,7 @@
       "copy": "Copy to Clipboard"
     },
     "configure": {
+      "dashboard": "Dashboard",
       "enable-pre-moderation": "Enable pre-moderation",
       "enable-pre-moderation-text": "Moderators must approve any comment before it is published.",
       "require-email-verification": "Require Email Verification",
@@ -157,6 +158,7 @@
       "username_flags": ""
     },
     "configure": {
+      "dashboard": "Panel",
       "enable-pre-moderation": "Habilitar pre-moderación",
       "enable-pre-moderation-text": "Los moderadores deben aprobar cada comentario antes de que sea publicado.",
       "require-email-verification": "Necesita confirmación de correo",