onClick: path ?()

in apps/newsletters-ui/src/app/components/HomeMenu.tsx [42:75]

• 28 lines of code
• 4 McCabe index (conditional complexity)

		onClick: path ? () => navigate(path) : undefined,
		disabled: !path,
		color,
		variant,
	};

	return (
		<Grid item xs={6} sm={4} display={'flex'}>
			<Button {...buttonProps} fullWidth size="large">
				{content}
			</Button>
		</Grid>
	);
};

export function HomeMenu() {
	const list = useLoaderData() as NewsletterData[];
	const permissions = usePermissions();
	const navigate = useNavigate();

	if (!permissions) return null;

	const showEditOptions = shouldShowEditOptions(permissions);

	return (
		<Container maxWidth={'lg'}>
			<Grid container spacing={3} rowSpacing={6} paddingY={4}>
				<ButtonGridItem
					path="/launched"
					content={'View launched newsletters'}
				/>
				<ButtonGridItem path="/drafts" content={'View draft newsletters'} />

				{permissions.writeToDrafts && (