Built out (functional) hamburger menu

This commit is contained in:
2018-06-12 08:34:59 +10:00
parent 9dd724a8d4
commit 13614d2cdc
11 changed files with 166 additions and 14 deletions

View File

@ -27,6 +27,7 @@ import { connect } from 'react-redux';
import { NavLink } from 'react-router-dom'
import PageBoundary from './../../page/PageBoundary';
import Language from './../../language/Language';
import HamburgerMenu from './../menu/HamburgerMenu';
const NavbarLink = function(props) {
return (
@ -48,6 +49,7 @@ class Navbar extends React.Component {
<PageBoundary>
<nav className="o-navbar__nav">
{/* Logo */}
<NavLink to="/" className="o-navbar__logo-container" activeClassName="is-active">
<img
src={ require('./../../images/logo.svg') }
@ -56,9 +58,13 @@ class Navbar extends React.Component {
/>
</NavLink>
{/* Desktop / Tablet Screen Links */}
<NavbarLink to="/" title="home" exact />
<NavbarLink to="/about" title="about" />
<NavbarLink to="/contact" title="contact" exact />
{/* Hamburger Menu for smaller screens */}
<HamburgerMenu className="o-navbar__hamburger" />
</nav>
</PageBoundary>
</section>