From e3171ab85ef3fbc0c1980ab8072fd8e9f911084a Mon Sep 17 00:00:00 2001 From: Thomas Ruoff Date: Thu, 31 Dec 2020 00:30:59 +0100 Subject: [PATCH] add hamburger for mobile --- components/header.tsx | 90 ++++++++++++++++++++++++++++++++++--------- 1 file changed, 71 insertions(+), 19 deletions(-) diff --git a/components/header.tsx b/components/header.tsx index 0c65695..2e314b9 100644 --- a/components/header.tsx +++ b/components/header.tsx @@ -1,17 +1,47 @@ +import { useState } from 'react' import Head from 'next/head' import Link from 'next/link' +import { useRouter } from 'next/router' import User from './user' +const NAV_ENTRIES = [ + { + label: 'Home', + href: '/', + }, + { + label: 'Buchungsanfrage', + href: '/book', + }, + { + label: 'Preise', + href: '/prices', + }, + { + label: 'Mietbedingungen', + href: '/terms', + }, +] + export default function Header() { + const router = useRouter() + const [hamburgerOpen, setHamburgerOpen] = useState(false) + + function changeRoute(event: React.PointerEvent) { + event.preventDefault() + setHamburgerOpen(false) + router.push(event.currentTarget.href) + } + return ( <> Pfadi-Bussle -
+
-
+
-