Merge pull request #42 from nursoltan-s/hide-profile-menu-item

hide profile menu item

Author: rakibansary

src/components/NavBar/index.jsx

@@ -92,7 +92,10 @@ const NavBar = ({ hideSwitchTools }) => {
                 auth.profile && (
                   <Fragment>
                     {hideSwitchTools ? null : <NotificationsMenu />}
-                    <UserMenu profile={auth.profile} />
+                    <UserMenu
+                      profile={auth.profile}
+                      hideSwitchTools={hideSwitchTools}
+                    />
                   </Fragment>
                 )
               ) : (
@@ -110,7 +113,10 @@ const NavBar = ({ hideSwitchTools }) => {
                 auth.profile && (
                   <Fragment>
                     {hideSwitchTools ? null : <NotificationsMenu />}
-                    <UserMenu profile={auth.profile} />
+                    <UserMenu
+                      profile={auth.profile}
+                      hideSwitchTools={hideSwitchTools}
+                    />
                   </Fragment>
                 )
               ) : (

src/components/UserMenu/index.jsx

@@ -5,14 +5,15 @@
  */
 import React, { useState, useCallback, Fragment } from "react";
 import { Link } from "@reach/router";
+import PropTypes from "prop-types";
 import Avatar from "../Avatar";
 import cn from "classnames";
 import OutsideClickHandler from "react-outside-click-handler";
 import { logout, getLogoutUrl } from "../../utils";
 import "./styles.css";
 import { useMediaQuery } from "react-responsive";
 
-const UserMenu = ({ profile }) => {
+const UserMenu = ({ profile, hideSwitchTools }) => {
   const [isOpenMenu, setIsOpenMenu] = useState(false);
 
   const closeMenu = useCallback(() => {
@@ -63,11 +64,16 @@ const UserMenu = ({ profile }) => {
               <div className="user-menu-popover-arrow" />
               <div className="user-menu-popover-content">
                 <ul className="user-menu-list">
-                  <li>
-                    <Link to={`/profile/${profile.handle}`} onClick={closeMenu}>
-                      Profile
-                    </Link>
-                  </li>
+                  {hideSwitchTools ? null : (
+                    <li>
+                      <Link
+                        to={`/profile/${profile.handle}`}
+                        onClick={closeMenu}
+                      >
+                        Profile
+                      </Link>
+                    </li>
+                  )}
                   <li>
                     <a href={getLogoutUrl()} onClick={onLogoutClick}>
                       Log Out
@@ -83,4 +89,12 @@ const UserMenu = ({ profile }) => {
   );
 };
 
+UserMenu.defaultProps = {
+  hideSwitchTools: false,
+};
+
+UserMenu.propTypes = {
+  hideSwitchTools: PropTypes.boolean,
+};
+
 export default UserMenu;