diff --git a/components/header.tsx b/components/header.tsx index 8fe97f1..503b0d0 100644 --- a/components/header.tsx +++ b/components/header.tsx @@ -1,10 +1,14 @@ -import { useState } from 'react' -import { createPortal } from 'react-dom' +import React, { useState } from 'react' import Head from 'next/head' import Link from 'next/link' import { useRouter } from 'next/router' import User from './user' +type INavEntry = { + label: string + href: string +} + const NAV_ENTRIES = [ { label: 'Home', @@ -24,6 +28,26 @@ const NAV_ENTRIES = [ }, ] +function NavEntries({ children, navEntries, changeRoute }) { + return ( + <> + {navEntries?.map(({ label, href }: INavEntry, index: React.Key) => { + return ( + + {label} + + ) + })} + {children} + + ) +} + export default function Header() { const router = useRouter() const [hamburgerOpen, setHamburgerOpen] = useState(false) @@ -34,6 +58,11 @@ export default function Header() { router.push(event.currentTarget.href) } + const navEntries: (INavEntry | React.ReactNode)[] = [ + ...NAV_ENTRIES, + , + ] + return ( <> @@ -52,18 +81,9 @@ export default function Header() {