From 7bf3f588ca631d03e481eafd430d7ee1813fd649 Mon Sep 17 00:00:00 2001
From: Dom Masters <dom@processcreative.com.au>
Date: Mon, 7 May 2018 08:27:17 +1000
Subject: [PATCH] Added ActiveLink class to NavBar Elements

---
 public/nav/navbar/Navbar.jsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/public/nav/navbar/Navbar.jsx b/public/nav/navbar/Navbar.jsx
index 327c3d6..c4dc6b5 100644
--- a/public/nav/navbar/Navbar.jsx
+++ b/public/nav/navbar/Navbar.jsx
@@ -28,7 +28,7 @@ import Language from './../../language/Language';
 
 const NavbarLink = function(props) {
   return (
-    <NavLink to={ props.to } className="o-navbar__link">
+    <NavLink to={ props.to } className="o-navbar__link" activeClassName="is-active">
       { Language.get("navbar." + props.title) }
     </NavLink>
   );
@@ -45,13 +45,13 @@ class Navbar extends React.Component {
       <section className="o-navbar is-stuck">
         <nav className="o-navbar__nav">
 
-          <a href="/" className="o-navbar__logo-container">
+          <NavLink to="/" className="o-navbar__logo-container" activeClassName="is-active">
             <img
               src={ require('./../../images/logo.svg') }
               className="o-navbar__logo"
               alt={ Language.get("site.name") }
             />
-          </a>
+        </NavLink>
 
           <NavbarLink to="/" title="home" />
           <NavbarLink to="/about" title="about" />