export default function TenantSelector()

in ui/src/TenantSelector.js [78:103]

22 lines of code
2 McCabe index (conditional complexity)


export default function TenantSelector(props: {apiUtil: ApiUtil, setTenantId: (string) => void, tenantID: string}) {
  const classes = useStyles();
  const [anchorEl, setAnchorEl] = React.useState(null);
  const [open, setOpen] = useState(false);

  const {response} = props.apiUtil.useAlarmsApi(
    props.apiUtil.getTenants,
    {open},
  );
  const tenantList = response ?? [];

  const handleClose = (event) => {
    if (event.target.dataset.tenantId) {
      props.setTenantId(event.target.dataset.tenantId)
    }
    setAnchorEl(null);
  }

  const handleModalClose = () => {
    setAnchorEl(null);
    setOpen(false);
  }

  return (
    <>
      <Button className={classes.tenantMenu} aria-controls="tenantMenu" aria-haspopup="true" onClick={e => setAnchorEl(e.currentTarget)}>