From 7d10b951b7fa6fe2bc66dc51dee471608e58f8d2 Mon Sep 17 00:00:00 2001
From: Maurits Lourens <lourens_M@hotmail.com>
Date: Wed, 1 Nov 2017 15:42:55 +0100
Subject: [PATCH] only make the selected tag active

---
 browser/main/SideNav/index.js | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/browser/main/SideNav/index.js b/browser/main/SideNav/index.js
index d93eb87e..6ac7718f 100644
--- a/browser/main/SideNav/index.js
+++ b/browser/main/SideNav/index.js
@@ -104,13 +104,19 @@ class SideNav extends React.Component {
         <TagListItem
           name={tag}
           handleClickTagListItem={this.handleClickTagListItem.bind(this)}
-          isActive={!!location.pathname.match(tag)}
+          isActive={this.getTagActive(location.pathname, tag)}
           key={tag}
         />
       ))
     )
   }
 
+  getTagActive (path, tag) {
+    const pathSegments = path.split('/')
+    const pathTag = pathSegments[pathSegments.length - 1]
+    return pathTag === tag
+  }
+
   handleClickTagListItem (name) {
     const { router } = this.context
     router.push(`/tags/${name}`)