Material (wip)

client/main.js

@@ -1 +1,3 @@
-import '../imports/startup/client';
+import '../imports/startup/client';/*
+import '../node_modules/daemonite-material/js/material.min.js';
+import '../node_modules/daemonite-material/css/material.css';*/

imports/ui/components/Navigation/Navigation.js

@@ -9,28 +9,21 @@ import { translate } from 'react-i18next';
 import './Navigation.scss';
 
 const Navigation = props => (
-  <ul className="nav justify-content-end">
-    <li className="nav-item">
-      <a className="nav-link active" href="/#">{props.t('Inicio')}</a>
-    </li>
-    <li className="nav-item">
-      <a className="nav-link" href="#">{props.t('Mapa actual')}</a>
-    </li>
-    <li className="nav-item">
-      <a className="nav-link" href="#">{props.t('Contacto')}</a>
-    </li>
-    <li className="nav-item dropdown">
-      <a className="nav-item nav-link dropdown-toggle mr-md-2" href="#" id="bd-versions" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-        {props.t('Más')}
-        <div className="ripple-container"></div>
-      </a>
+
+  <Navbar>
+    <Navbar.Header>
+      <Navbar.Brand>
+        <Link to="/">{props.t('AppName')}</Link>
+      </Navbar.Brand>
+      <Navbar.Toggle />
+    </Navbar.Header>
+    <Navbar.Collapse>
       {!props.authenticated ? <PublicNavigation /> : <AuthenticatedNavigation {...props} />}
-    </li>
-  </ul>
-
-
+     </Navbar.Collapse>
+   </Navbar>
 );
 
+
 Navigation.defaultProps = {
   name: '',
 };