From e469b2f9b5bea12bccfa4c1d9f7b00ce399c07cd Mon Sep 17 00:00:00 2001
From: Ihor Orlovskyi <ihororlovskyi@gmail.com>
Date: Fri, 9 Dec 2016 00:45:12 +0200
Subject: [PATCH] add activeClassName in SiteNav component

---
 components/SiteNav/index.jsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/components/SiteNav/index.jsx b/components/SiteNav/index.jsx
index d5f04f5..e24ab30 100644
--- a/components/SiteNav/index.jsx
+++ b/components/SiteNav/index.jsx
@@ -10,15 +10,15 @@ class SiteNav extends React.Component {
             <nav className='blog-nav'>
               <ul>
                 <li>
-                  <Link to="/" className={ location.pathname === prefixLink('/') ? "current" : null }> Articles
+                  <Link to="/" activeClassName="current" onlyActiveOnIndex> Articles
                   </Link>
                 </li>
                 <li>
-                  <Link to="/about/" className={ location.pathname === prefixLink('/about/') ? "current" : null }> About me
+                  <Link to="/about/" activeClassName="current"> About me
                   </Link>
                 </li>
                 <li>
-                  <Link to="/contact/" className={ location.pathname === prefixLink('/contact/') ? "current" : null }> Contact me
+                  <Link to="/contact/" activeClassName="current"> Contact me
                   </Link>
                 </li>
               </ul>
@@ -31,4 +31,4 @@ SiteNav.propTypes = {
     location: React.PropTypes.object,
 }
 
-export default SiteNav
\ No newline at end of file
+export default SiteNav