Merge branch 'dev' into dev

Author: urwithat

.gitignore

@@ -102,3 +102,6 @@ dist
 
 # TernJS port file
 .tern-port
+
+# VS Code settings
+.vscode/

server.js

@@ -1,17 +1,17 @@
 /* global process */
-const express = require("express");
+const express = require('express');
 
 const app = express();
 
 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'
       );
     },
   })

src/assets/images/create-team-green.svg

@@ -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,6 +62,7 @@ const Menu = ({ options, sidebarCollapsed }) => (
               to={option.path}
               activeClassName="menu-link-active"
               className="menu-link"
+              exact={option.isExact}
             >
               <img
                 src={option.activeIcon}