Converted some objects to components.

This commit is contained in:
2018-06-19 06:54:20 +10:00
parent aafc15402d
commit 37c938af07
9 changed files with 39 additions and 40 deletions

View File

@ -31,7 +31,7 @@ import HamburgerMenu from './../menu/HamburgerMenu';
const NavbarLink = function(props) {
return (
<NavLink to={ props.to } className="o-navbar__link" activeClassName="is-active" exact={props.exact}>
<NavLink to={ props.to } className="c-navbar__link" activeClassName="is-active" exact={props.exact}>
{ Language.get("navbar." + props.title) }
</NavLink>
);
@ -45,15 +45,15 @@ class Navbar extends React.Component {
render() {
return (
<section className="o-navbar is-stuck">
<section className="c-navbar is-stuck">
<PageBoundary>
<nav className="o-navbar__nav">
<nav className="c-navbar__nav">
{/* Logo */}
<NavLink to="/" className="o-navbar__logo-container" activeClassName="is-active">
<NavLink to="/" className="c-navbar__logo-container" activeClassName="is-active">
<img
src={ require('./../../images/logo.svg') }
className="o-navbar__logo"
className="c-navbar__logo"
alt={ Language.get("site.name") }
/>
</NavLink>
@ -64,7 +64,7 @@ class Navbar extends React.Component {
<NavbarLink to="/contact" title="contact" exact />
{/* Hamburger Menu for smaller screens */}
<HamburgerMenu className="o-navbar__hamburger" />
<HamburgerMenu className="c-navbar__hamburger" />
</nav>
</PageBoundary>
</section>