fix: taas navbar updates

- also highlights the current menu item even when we are on some subroute

Author: maxceem

src/components/NavLink/index.jsx

@@ -7,14 +7,16 @@ import React from "react";
 import { Link } from "@reach/router";
 import cn from "classnames";
 
-const NavLink = ({ to, className, activeClassName, children }) => (
+const NavLink = ({ to, className, activeClassName, children, exact }) => (
   <Link
     to={to}
-    getProps={({ isCurrent }) => {
+    getProps={({ isCurrent, isPartiallyCurrent }) => {
       // the object returned here is passed to the
       // anchor element's props
       return {
-        className: cn(className, { [activeClassName]: isCurrent }),
+        className: cn(className, {
+          [activeClassName]: exact ? isCurrent : isPartiallyCurrent,
+        }),
       };
     }}
   >

src/constants/apps.js

@@ -57,32 +57,14 @@ export const APP_CATEGORIES = [
       {
         title: "TaaS",
         icon: appTaasIcon,
-        path: "/taas",
+        path: "/taas/myteams",
         menu: [
           {
             title: "My Teams",
             path: "/taas/myteams",
             icon: myteamsIcon,
             activeIcon: myteamsGreenIcon,
           },
-          {
-            title: "Feedback",
-            path: "/taas/feedback",
-            icon: discussionsIcon,
-            activeIcon: discussionsGreenIcon,
-          },
-          {
-            title: "Invoices",
-            path: "/taas/invoices",
-            icon: apisIcon,
-            activeIcon: apisGreenIcon,
-          },
-          {
-            title: "Reports",
-            path: "/taas/reports",
-            icon: reportsIcon,
-            activeIcon: reportsGreenIcon,
-          },
         ],
       },
       {