comunes/todos-contra-el-fuego-web
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Improved navigation

Browse source
This commit is contained in:
vjrj 2017-11-15 16:54:14 +01:00
parent 60fcd48140
commit 6a6015ae4d
3 changed files with 79 additions and 56 deletions
Download patch file Download diff file Expand all files Collapse all files

41
imports/ui/components/Navigation/Navigation.js
View file

@ -9,17 +9,36 @@ import { translate } from 'react-i18next';
import './Navigation.scss';
const Navigation = props => (
<Navbar>
<Navbar.Header>
<Navbar.Brand>
<Link to="/">{props.t('AppName')}</Link>
</Navbar.Brand>
<Navbar.Toggle />
</Navbar.Header>
<Navbar.Collapse>
{!props.authenticated ? <PublicNavigation /> : <AuthenticatedNavigation {...props} />}
</Navbar.Collapse>
</Navbar>
<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">
<a className="nav-link" href="#">{props.t('Contacto')}</a>
</li>
<li className="nav-item">
{!props.authenticated ? <PublicNavigation /> : <AuthenticatedNavigation {...props} />}
</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>
<div className="dropdown-menu dropdown-menu-right" aria-labelledby="bd-versions">
<a className="dropdown-item active" href="/bootstrap-material-design/docs/4.0/">Latest (4.x)</a>
<a className="dropdown-item" href="https://cdn.rawgit.com/FezVrasta/bootstrap-material-design/gh-pages-v3/index.html">v3.x</a>
</div>
</li>
</ul>
);
Navigation.defaultProps = {