export default function Nav()

in packages/app/src/nav.tsx [37:78]

• 38 lines of code
• 1 McCabe index (conditional complexity)

export default function Nav() {
  const navigate = useNavigate();
  const account = useAccount();
  const flash = useFlashMessage();
  const [anchorEl, setAnchorEl] = React.useState(null);

  const handleMenu = (event) => {
    setAnchorEl(event.currentTarget);
  };

  const handleClose = () => {
    setAnchorEl(null);
  };

  const handleLogout = async () => {
    handleClose();
    await account.logout();
    flash.set('info', 'Logged out of Wombat Dressing Room');
  }

  return (
    <Box sx={{ flexGrow: 1 }}>
      <AppBar position="static" color="primary">
        <Toolbar>
          <Tooltip title="Getting started" arrow>
            <IconButton
              data-testid="nav-help"
              size="large"
              aria-label="help"
              aria-controls="menu-appbar"
              color="inherit"
              onClick={() => {
                navigate('/_/help');
              }}
            >
              <HelpIcon />
            </IconButton>
          </Tooltip>
          <ButtonGroup disableElevation variant="text" sx={{ flexGrow: 1 }}>
            <Button onClick={() => {
              navigate('/');
            }} variant="text" color="inherit">Create Token</Button>