shakacode#413 nav-bar consistency fixed (shakacode#448)

* shakacode#413 nav-bar consistency fixed

* cli build fail issue resolved

Author: iamfaizanahmad

client/app/bundles/comments/components/NavigationBar/NavigationBar.jsx

@@ -32,7 +32,9 @@ const NavigationBar = (props) => {
         </div>
         <div className="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
           <ul className="nav navbar-nav">
-            <li className={classNames({ active: (pathname === paths.ROUTER_PATH) })}>
+            <li className={classNames(
+            { active: (pathname === paths.ROUTER_PATH || pathname === paths.REACT_ROUTER_PATH) },
+          )}>
               <a href={paths.ROUTER_PATH}>React Router Demo</a>
             </li>
             <li className={classNames({ active: (pathname === paths.NO_ROUTER_PATH) })}>

client/app/bundles/comments/constants/paths.js

@@ -1,4 +1,5 @@
 export const ROUTER_PATH = '/';
+export const REACT_ROUTER_PATH = '/react-router';
 export const NO_ROUTER_PATH = '/no-router';
 export const SIMPLE_REACT_PATH = '/simple';
 export const RAILS_PATH = '/comments';

client/app/bundles/comments/layout/Layout.jsx

@@ -17,7 +17,7 @@ export default class Layout extends Component {
         <header>
           <ul>
             <li>
-              <Link to="/" activeClassName="active">
+              <Link exact to="/" activeClassName="active">
                 Comments (Root URL)
               </Link>
             </li>