Function TopNav

frontend/src/components/TopNav.tsx:45–209

()

}]

export function TopNav() {
    let sideNavController = UseSideNavController();

    let session = useSession();
    let currentGuild = useCurrentGuild();

    const [anchorElNav, setAnchorElNav] = React.useState<null | HTMLElement>(null);

    const handleOpenNavMenu = (event: React.MouseEvent<HTMLElement>) => {
        if (sideNavController.pageHasSideNav) {
            sideNavController.open()
        } else {
            setAnchorElNav(event.currentTarget);
        }
    };

    const handleCloseNavMenu = () => {
        setAnchorElNav(null);
    };

    // const handleClickNavMenuItem = (page: typeof TopBarNavPages[number]) => {
    //     handleCloseNavMenu();

    //     if (!page.useHref) {
    //         navigate(page.path);
    //     }
    // };

    const drawerWidth = sideNavController.pageHasSideNav ? 250 : 0;

    return (<>
        <AppBar position="static"
            sx={{
                width: { md: `calc(100% - ${drawerWidth}px)` },
                ml: { md: `${drawerWidth}px` },
            }}
        >
            <Container maxWidth="xl">
                <Toolbar disableGutters>
                    {/* <AdbIcon sx={{ display: { xs: 'none', md: 'flex' }, mr: 1 }} /> */}
                    <Typography
                        variant="h6"
                        noWrap
                        component="a"
                        href="/"
                        sx={{
                            mr: 2,
                            display: { xs: 'none', md: 'flex' },
                            fontWeight: 700,
                            color: 'inherit',
                            textDecoration: 'none',
                        }}
                    >
                        Botloader
                    </Typography>

                    <Box sx={{ flexGrow: 1, display: { xs: 'flex', md: 'none' } }}>
                        <IconButton