YourWishes/domsPlace
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Added ActiveLink class to NavBar Elements

Browse Source
This commit is contained in:
Dom Masters
2018-05-07 08:27:17 +10:00
parent 3733b53ce4
commit 7bf3f588ca
1 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
public/nav/navbar/Navbar.jsx
View File

@ -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" />