added team select in user menu

src/user/UserMenu.tsx

@@ -12,6 +12,7 @@ import UserSettings from "./UserSettings";
 import UserAvatar from "./UserAvatar";
 import { purple } from "@mui/material/colors";
 import { useNavigate } from "react-router-dom";
+import TeamDialog from "teams/TeamDialog";
 
 const useStyles = makeStyles((theme: Theme) => ({
   userAvatar: {
@@ -89,9 +90,15 @@ export default function UserMenu(props: Props) {
   // const hasAdmin = user.hasFeature ? user.hasFeature("admin") : false;
   // const allowedToCopyToken = user.allowedTo("copy-token");
   const hasTeams = user.hasFeature ? user.hasFeature("teams") : false;
+  const [teamDialogIsOpen, setTeamDialogIsOpen] = useState<boolean>(false);
 
   const navigate = useNavigate()
 
+  const openTeamDialog = () => {
+    setTeamDialogIsOpen(true);
+    closeUserMenu();
+  };
+
   const lockHover = () => {
     setLockIsHovered(true);
   };
@@ -215,6 +222,14 @@ export default function UserMenu(props: Props) {
           </ListItemIcon>
           <ListItemText primary="Toggle Theme" />
         </MenuItem>
+        {hasTeams && (
+          <MenuItem onClick={openTeamDialog} aria-label="Open Team Menu" dense>
+            <ListItemIcon>
+              <TeamIcon />
+            </ListItemIcon>
+            <ListItemText primary="Select Team" />
+          </MenuItem>
+        )}
         <MenuItem onClick={handleLogout} aria-label="Sign Out" dense>
           <ListItemIcon>
             <ExitToApp className={classes.red} />
@@ -222,6 +237,7 @@ export default function UserMenu(props: Props) {
           <ListItemText primary="Sign Out" />
         </MenuItem>
       </Menu>
+      <TeamDialog open={teamDialogIsOpen} setOpen={setTeamDialogIsOpen} />
       <UserSettings isOpen={userSettingsIsOpen} closeDialogCallback={closeUserSettingsDialog} />
     </>
   )