export default function ButtonAppBar()

in frontend/src/Header.tsx [50:103]
47 lines of code
1 McCabe index (conditional complexity)

export default function ButtonAppBar() {
    const classes = useStyles();
    const [anchorEl, setAnchorEl] = React.useState<boolean>(false);
    const history = useHistory();
    const [backend, dispatch] = useContext(BackendContext);

    const handleChange = (event: React.ChangeEvent<{ value: string }>) => {
        dispatch({ type: 'SET_BACKEND', payload: event.target.value });
    };

    const openMenu = (event: any) => {
        setAnchorEl(event.currentTarget);
    };

    const closeMenu = () => {
        setAnchorEl(false);
    };

    const redirectToLink = (link: string) => {
        closeMenu();
        window.open(link);
    };

    const redirectToHome = () => {
        history.push('/');
    };

    return (
        <div className={classes.root}>
            <AppBar position="static">
                <Toolbar>
                    <IconButton edge="start" className={classes.menuButton} color="inherit" aria-label="menu">
                        <MenuIcon onClick={openMenu}/>
                        <Drawer
                            anchor='left'
                            open={anchorEl}
                            onClose={closeMenu}>
                            <div className={classes.drawerHeader}>
                                <p className='drawer-header'>Helpful Links</p>
                                <IconButton onClick={closeMenu}>
                                    <ChevronLeftIcon />
                                </IconButton>
                            </div>
                            <Divider />
                            <List>
                            {Links_List.map((link, i) => {
                                return (
                                <div className='drawer-item' key={i}>
                                    <ListItem button onClick={() => redirectToLink(link.link)}>
                                        <ListItemText primary={link.label} />

                                    </ListItem>
                                </div>
                            )})}