fontWeight: menuItemIsSelected()

in apps/newsletters-ui/src/app/components/MainNav.tsx [69:127]

56 lines of code
3 McCabe index (conditional complexity)


						fontWeight: menuItemIsSelected(path) ? 'bold' : 'normal',
						display: 'block',
						borderBottomStyle: menuItemIsSelected(path) ? 'solid' : 'none',
						borderBottomWidth: '2px',
						borderRadius: '0',
					}}
				>
					{label}
				</Button>
			))}
		</Box>
	);
};

const MobileBurgerNav = () => {
	const [anchorElNav, setAnchorElNav] = useState<null | HTMLElement>(null);
	const navigate = useNavigate();
	const handleOpenNavMenu = (event: React.MouseEvent<HTMLElement>) => {
		setAnchorElNav(event.currentTarget);
	};

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

	return (
		<Box sx={{ display: { xs: 'flex', md: 'none' } }}>
			<IconButton
				size="large"
				aria-label="account of current user"
				aria-controls="menu-appbar"
				aria-haspopup="true"
				onClick={handleOpenNavMenu}
				color="inherit"
			>
				<MenuIcon />
			</IconButton>
			<Menu
				id="menu-appbar"
				anchorEl={anchorElNav}
				anchorOrigin={{
					vertical: 'bottom',
					horizontal: 'left',
				}}
				keepMounted
				transformOrigin={{
					vertical: 'top',
					horizontal: 'left',
				}}
				open={Boolean(anchorElNav)}
				onClose={handleCloseNavMenu}
				sx={{
					display: { xs: 'block', md: 'none' },
				}}
			>
				{navLinks.map(({ path, label }) => (
					<MenuItem
						key={label}
						onClick={() => {