added team select in user menu

src/component/AddComponentManualDialog.tsx

@@ -88,6 +88,34 @@ export default function AddComponentManualDialog (props: Props) {
               />
             </Grid2>
           </Grid2>
+          <Grid2 container direction="row">
+            <Grid2 size={{ xs: 6 }}>
+              <TextField
+                value={component.measurementPeriodMs}
+                type="number"
+                label="Measurement Perios (ms)"
+                fullWidth
+                onChange={event => {
+                  let newSettings = pond.ComponentSettings.create(component)
+                  newSettings.measurementPeriodMs = or(parseInt(event.currentTarget.value), 0)
+                  setComponent(newSettings)
+                }}
+              />
+            </Grid2>
+            <Grid2 size={{ xs: 6 }}>
+              <TextField
+                value={component.reportPeriodMs}
+                type="number"
+                label="Report Period (ms)"
+                fullWidth
+                onChange={event => {
+                  let newSettings = pond.ComponentSettings.create(component)
+                  newSettings.reportPeriodMs = or(parseInt(event.currentTarget.value), 0)
+                  setComponent(newSettings)
+                }}
+              />
+            </Grid2>
+          </Grid2>
         </Grid2>
       </DialogContent>
       <DialogActions>

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} />
     </>
   )