pr comments

src/components/GlobalNav/index.js

@@ -19,7 +19,14 @@ class GlobalNav extends Component {
     rightControls: PropTypes.arrayOf(PropTypes.element),
     handleSidebarToggle: PropTypes.func.isRequired,
     isStatic: PropTypes.bool.isRequired,
-    user: userType
+    user: userType,
+    location: PropTypes.shape({
+      action: PropTypes.string,
+      hash: PropTypes.string,
+      pathname: PropTypes.string,
+      search: PropTypes.string,
+      query: PropTypes.objectOf(PropTypes.string)
+    })
   };
 
   static defaultProps = {
@@ -53,6 +60,10 @@ class GlobalNav extends Component {
     return false;
   }
 
+  isHome() {
+    return this.props.location.pathname === '/';
+  }
+
   renderRightControls() {
     const { user, rightControls } = this.props;
 
@@ -86,10 +97,16 @@ class GlobalNav extends Component {
           <span className="icon-bar" />
         </button>
         <Nav className={styles.nav}>
-          <li>
-            <Link to="/"><i className="ss-icon ss-home" /></Link>
-          </li>
-          <LocaleSwitcher className="visible-xs-inline-block" />
+          {
+            !this.isHome() &&
+            <li>
+              <Link to="/"><i className="ss-icon ss-home" /></Link>
+            </li>
+          }
+          {
+            this.isHome() &&
+            <LocaleSwitcher className="visible-xs-inline-block" />
+          }
           {
             leftControls &&
             leftControls.map(((control, index) => React.cloneElement(control, { key: index })))

src/containers/App/index.js

@@ -51,7 +51,8 @@ class App extends Component {
       sidebar,
       children,
       media,
-      removeMedia // eslint-disable-line no-shadow
+      removeMedia, // eslint-disable-line no-shadow
+      ...props
     } = this.props;
     debug('component:APPLICATION', 'Render');
 
@@ -75,7 +76,7 @@ class App extends Component {
         </NoScript>
         {
           React.cloneElement(
-            nav || <GlobalNav isStatic />,
+            nav || <GlobalNav isStatic {...props} />,
             {
               handleSidebarToggle: () => this.setState({ sidebarOpen: !this.state.sidebarOpen })
             }

src/styles/variables.scss

@@ -32,7 +32,7 @@ $navbar-margin-bottom: 0px;
 $navbar-default-bg: #fff;
 $navbar-default-link-active-bg: transparent;
 $navbar-default-link-active-color: $brand-primary;
-$navbar-default-border: transparent;
+$navbar-default-border: rgba(0,0,0,0.12);
 
 $navbar-inverse-bg: $brand-primary;
 $navbar-inverse-link-color: #fff;