Adding classes

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

@@ -1,4 +1,5 @@
 import React from 'react';
+import cn from 'classnames';
 import PropTypes from 'prop-types';
 import {Navigation, Header, IconButton, MenuItem, Menu} from 'react-mdl';
 import {Link, IndexLink} from 'react-router';
@@ -24,7 +25,7 @@ const CoralHeader = ({
               <Navigation className={styles.nav}>
                 <IndexLink
                   id='dashboardNav'
-                  className={styles.navLink}
+                  className={cn('talk-admin-nav-dashboard', styles.navLink)}
                   to="/admin/dashboard"
                   activeClassName={styles.active}>
                   {t('configure.dashboard')}
@@ -33,7 +34,7 @@ const CoralHeader = ({
                   can(auth.user, 'MODERATE_COMMENTS') && (
                     <Link
                       id='moderateNav'
-                      className={styles.navLink}
+                      className={cn('talk-admin-nav-moderate', styles.navLink)}
                       to="/admin/moderate"
                       activeClassName={styles.active}>
                       {t('configure.moderate')}
@@ -42,8 +43,8 @@ const CoralHeader = ({
                   )
                 }
                 <Link
-                  id='streamsNav'
-                  className={styles.navLink}
+                  id='storiesNav'
+                  className={cn('talk-admin-nav-stories', styles.navLink)}
                   to="/admin/stories"
                   activeClassName={styles.active}>
                   {t('configure.stories')}
@@ -51,7 +52,7 @@ const CoralHeader = ({
 
                 <Link
                   id='communityNav'
-                  className={styles.navLink}
+                  className={cn('talk-admin-nav-community', styles.navLink)}
                   to="/admin/community"
                   activeClassName={styles.active}>
                   {t('configure.community')}
@@ -62,7 +63,7 @@ const CoralHeader = ({
                   can(auth.user, 'UPDATE_CONFIG') && (
                     <Link
                       id='configureNav'
-                      className={styles.navLink}
+                      className={cn('talk-admin-nav-configure', styles.navLink)}
                       to="/admin/configure"
                       activeClassName={styles.active}>
                       {t('configure.configure')}

client/coral-admin/src/routes/Community/components/Community.js

@@ -35,7 +35,7 @@ class Community extends Component {
     const {root: {flaggedUsernamesCount}} = this.props;
 
     return (
-      <div>
+      <div className="talk-admin-community">
         <CommunityMenu flaggedUsernamesCount={flaggedUsernamesCount} />
         <div className={styles.container}>
           {this.renderTab()}

client/coral-admin/src/routes/Stories/components/Stories.js

@@ -1,4 +1,5 @@
 import React, {Component} from 'react';
+import cn from 'classnames';
 import {Link} from 'react-router';
 import PropTypes from 'prop-types';
 import sortBy from 'lodash/sortBy';
@@ -106,7 +107,7 @@ class Stories extends Component {
     }
 
     return (
-      <div className={styles.container}>
+      <div className={cn('talk-admin-stories', styles.container)}>
         <div className={styles.leftColumn}>
           <div className={styles.searchBox}>
             <Icon name='search' className={styles.searchIcon}/>