BT4 + header migration (wip)

imports/ui/components/Navigation/Navigation.js

@@ -9,21 +9,23 @@ import { translate } from 'react-i18next';
 import './Navigation.scss';
 
 const Navigation = props => (
-
-  <Navbar>
+  <Navbar bsClass="navbar navbar-light">
+    {/* https://github.com/react-bootstrap/react-bootstrap/blob/master/src/Navbar.js */}
     <Navbar.Header>
       <Navbar.Brand>
-        <Link to="/">{props.t('AppName')}</Link>
+        <Link to="/">{props.t('Inicio')}</Link>
       </Navbar.Brand>
-      <Navbar.Toggle />
+      {/* <Navbar.Toggle/> */}
+      <button className="sr-only navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
+        <span className="navbar-toggler-icon"></span>
+      </button>
     </Navbar.Header>
     <Navbar.Collapse>
       {!props.authenticated ? <PublicNavigation /> : <AuthenticatedNavigation {...props} />}
-     </Navbar.Collapse>
-   </Navbar>
+    </Navbar.Collapse>
+  </Navbar>
 );
 
-
 Navigation.defaultProps = {
   name: '',
 };