functionality for client users to add providers

src/components/Navbar.jsx

@@ -46,7 +46,7 @@ const NavbarView = ({ isAuthenticated, dispatchLogoutRequest, selfUser }) => (
     <Menu.Item as={Link} to="/about">
       About
     </Menu.Item>
-    {!isAuthenticated &&
+    {!isAuthenticated && (
       <Menu.Menu position="right">
         <Menu.Item as={Link} to="/auth/login">
           Login
@@ -54,18 +54,25 @@ const NavbarView = ({ isAuthenticated, dispatchLogoutRequest, selfUser }) => (
         <Menu.Item as={Link} to="/auth/register">
           Register
         </Menu.Item>
-      </Menu.Menu>}
-    {!!isAuthenticated &&
+      </Menu.Menu>
+    )}
+    {!!isAuthenticated && (
       <Menu.Menu position="right">
         <Dropdown item text="Account">
           <Dropdown.Menu>
             <Dropdown.Item as={Link} to="/user/profile">
               My Profile
             </Dropdown.Item>
-            {selfUser.client &&
+            {selfUser.client && (
               <Dropdown.Item as={Link} to="/user/profile/client/worktypes">
                 Work Types
-              </Dropdown.Item>}
+              </Dropdown.Item>
+            )}
+            {selfUser.client && (
+              <Dropdown.Item as={Link} to="/user/profile/client/providers">
+                Providers
+              </Dropdown.Item>
+            )}
             <Dropdown.Item as={Link} to="/auth/settings">
               Settings
             </Dropdown.Item>
@@ -75,7 +82,8 @@ const NavbarView = ({ isAuthenticated, dispatchLogoutRequest, selfUser }) => (
             </Dropdown.Item>
           </Dropdown.Menu>
         </Dropdown>
-      </Menu.Menu>}
+      </Menu.Menu>
+    )}
   </Menu>
 );