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) { const NavbarLink = function(props) {
return ( 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) } { Language.get("navbar." + props.title) }
</NavLink> </NavLink>
); );
@ -45,13 +45,13 @@ class Navbar extends React.Component {
<section className="o-navbar is-stuck"> <section className="o-navbar is-stuck">
<nav className="o-navbar__nav"> <nav className="o-navbar__nav">
<a href="/" className="o-navbar__logo-container"> <NavLink to="/" className="o-navbar__logo-container" activeClassName="is-active">
<img <img
src={ require('./../../images/logo.svg') } src={ require('./../../images/logo.svg') }
className="o-navbar__logo" className="o-navbar__logo"
alt={ Language.get("site.name") } alt={ Language.get("site.name") }
/> />
</a> </NavLink>
<NavbarLink to="/" title="home" /> <NavbarLink to="/" title="home" />
<NavbarLink to="/about" title="about" /> <NavbarLink to="/about" title="about" />