Function NavButton

frontend/src/components/SideNav.tsx:117–131

({ item, children, selected }: { item: SideNavItem, children: ReactNode, selected: boolean })

}

export function NavButton({ item, children, selected }: { item: SideNavItem, children: ReactNode, selected: boolean }) {
    let sideNavController = UseSideNavController();

    if (item.isNavLink) {
        return <ListItemButton
            selected={selected}
            component={Link}
            to={item.path}
            onClick={() => sideNavController.close()}>
            {children}
        </ ListItemButton>
    }

    return <ListItemButton href={item.path}>{children}</ListItemButton>
}