diff --git a/app/src/components/NavigationBar.tsx b/app/src/components/NavigationBar.tsx index b15ee4a..abb5bab 100644 --- a/app/src/components/NavigationBar.tsx +++ b/app/src/components/NavigationBar.tsx @@ -1,18 +1,40 @@ import Corner from "@/assets/corner.svg"; import styles from "@/styles/NavigationBar.module.scss"; -import { SocialLink } from "@/types/aliases"; import Link from "next/link"; -import { useState } from "react"; -/* TODO the socials should be dynamically loaded from Directus. - This would probably require to migrate to an App Router to use - server-side components. */ -export default function NavigationBar(props: { socialLinks?: SocialLink[] }) { - const [visible, setVisible] = useState(false); - const toggleMenu = () => { - setVisible(!visible); - }; +type LinkRef = { + title: string; + href: string; +}; +function DropdownMenuItem({ + link, + subLinks, +}: { + link: LinkRef; + subLinks: LinkRef[]; +}) { + const content: any = []; + + subLinks.forEach((subLink) => { + content.push( + + {subLink.title} + + ); + }); + + return ( +