Update sidenav for Role & Skills Intake in Taas-App

server.js

@@ -1,24 +1,25 @@
 /* global process */
-const express = require("express");
+const express = require('express');
 
 const app = express();
 
-app.use('/navbar', 
-  express.static("./dist", {
+app.use(
+  '/navbar',
+  express.static('./dist', {
     setHeaders: function setHeaders(res) {
-      res.header("Access-Control-Allow-Origin", "*");
-      res.header("Access-Control-Allow-Methods", "GET");
+      res.header('Access-Control-Allow-Origin', '*');
+      res.header('Access-Control-Allow-Methods', 'GET');
       res.header(
-        "Access-Control-Allow-Headers",
-        "Origin, X-Requested-With, Content-Type, Accept"
+        'Access-Control-Allow-Headers',
+        'Origin, X-Requested-With, Content-Type, Accept'
       );
     },
   })
 );
 
 app.get('/', function (req, res) {
-  res.send('alive')
-})
+  res.send('alive');
+});
 
 const PORT = process.env.PORT || 3001;
 app.listen(PORT, '0.0.0.0');

src/components/Menu/index.jsx

@@ -3,18 +3,18 @@
  *
  * General component to show menu with submenu.
  */
-import React, { Fragment, useCallback, useState } from "react";
-import { useLocation } from "@reach/router";
-import cn from "classnames";
-import { includes, map } from "lodash";
-import NavLink from "../NavLink";
-import "./styles.css";
+import React, { Fragment, useCallback, useState } from 'react';
+import { useLocation } from '@reach/router';
+import cn from 'classnames';
+import { includes, map } from 'lodash';
+import NavLink from '../NavLink';
+import './styles.css';
 
 const SubMenu = ({ option }) => {
   const location = useLocation();
 
   const [isOpen, setIsOpen] = useState(
-    includes(map(option.children, "path"), location.pathname)
+    includes(map(option.children, 'path'), location.pathname)
   );
 
   const toggleOpen = useCallback(() => {
@@ -24,8 +24,8 @@ const SubMenu = ({ option }) => {
   return (
     <>
       <span
-        className={cn("menu-link menu-link-toggle", {
-          "menu-link-toggle-up": isOpen,
+        className={cn('menu-link menu-link-toggle', {
+          'menu-link-toggle-up': isOpen,
         })}
         onClick={toggleOpen}
         role="button"
@@ -62,10 +62,19 @@ const Menu = ({ options, sidebarCollapsed }) => (
               to={option.path}
               activeClassName="menu-link-active"
               className="menu-link"
+              exact={option.isExact}
             >
-              <img src={option.activeIcon} className="subroute-icon active-icon" alt="Subroute Icon"/>
-              <img src={option.icon} className="subroute-icon gray-icon" alt="Subroute Icon"/>
-              {!sidebarCollapsed ?  option.title : ''}
+              <img
+                src={option.activeIcon}
+                className="subroute-icon active-icon"
+                alt="Subroute Icon"
+              />
+              <img
+                src={option.icon}
+                className="subroute-icon gray-icon"
+                alt="Subroute Icon"
+              />
+              {!sidebarCollapsed ? option.title : ''}
             </NavLink>
           </Fragment>
         ) : (