diff --git a/src/components/Menu/Menu.stories.ts b/src/components/Menu/Menu.stories.ts index 18cf288..734c104 100644 --- a/src/components/Menu/Menu.stories.ts +++ b/src/components/Menu/Menu.stories.ts @@ -14,7 +14,7 @@ export const Default: Story = { leftItems: [ { text: 'Home', - href: '/' + href: 'https://disney.com' }, { text: 'Gemeinschaft finden', diff --git a/src/components/Menu/Menu.tsx b/src/components/Menu/Menu.tsx index d4dda37..dbc38f6 100644 --- a/src/components/Menu/Menu.tsx +++ b/src/components/Menu/Menu.tsx @@ -9,6 +9,7 @@ import { Logo } from '@/components/Logo/Logo' import { useCallback, useState } from 'react' import { MegaMenu } from '@/components/MegaMenu/MegaMenu' import { CollapsibleArrow } from '@/components/CollapsibleArrow/CollapsibleArrow' +import Link from 'next/link' type MenuItemProps = MenuItemType & { onItemClick?: () => void @@ -30,13 +31,16 @@ const MenuItem = ({text, href, display = "normal", megaMenu, onItemClick}: MenuI return ( setIsActive(true)} onMouseLeave={() => setIsActive(false)} > - + href ? itemClicked() : setIsActive(!isActive)} + > {text} {megaMenu && } - + {megaMenu &&
{ <>