tomru/pfadi-bussle
1
0
Fork 0
mirror of https://github.com/tomru/pfadi-bussle.git synced 2026-03-03 06:27:11 +01:00
Code Issues Packages Projects Releases Wiki Activity

not sure but it seems to work

Browse Source
This commit is contained in:
Thomas Ruoff
2025-03-26 22:10:46 +01:00
parent 0db0339a55
commit eb9a297a09
15 changed files with 1459 additions and 1697 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
components/header.tsx
View File

@@ -9,7 +9,7 @@ type INavEntry = {
href: string
}
const NAV_ENTRIES = [
const NAV_ENTRIES: INavEntry[] = [
{
label: 'Home',
href: '/',
@@ -48,7 +48,7 @@ function NavEntries({ children, navEntries, changeRoute }) {
)
}
export default function Header() {
export default function Header({ restricted }: { restricted: boolean }) {
const router = useRouter()
const [hamburgerOpen, setHamburgerOpen] = useState(false)
@@ -58,11 +58,6 @@ export default function Header() {
router.push(event.currentTarget.href)
}
const navEntries: (INavEntry | React.ReactNode)[] = [
...NAV_ENTRIES,
<User key="user" />,
]
return (
<>
<Head>
@@ -81,8 +76,8 @@ export default function Header() {
</Link>
</div>
<nav className="hidden space-x-10 sm:flex items-center">
<NavEntries navEntries={navEntries} changeRoute={changeRoute}>
<User />
<NavEntries navEntries={NAV_ENTRIES} changeRoute={changeRoute}>
{restricted && <User />}
</NavEntries>
</nav>
<nav
@@ -111,10 +106,10 @@ export default function Header() {
<div className="rounded-lg shadow-lg ring-1 ring-black ring-opacity-5 overflow-hidden">
<div className="relative grid gap-2 bg-white px-4 py-2">
<NavEntries
navEntries={navEntries}
navEntries={NAV_ENTRIES}
changeRoute={changeRoute}
>
<User />
{restricted && <User />}
</NavEntries>
</div>
</div>

10
components/layout.tsx
View File

@@ -2,10 +2,16 @@ import React from 'react'
import Footer from '../components/footer'
import Header from '../components/header'
export default function Home({ children }: { children: React.ReactNode }) {
export default function Home({
children,
restricted = false,
}: {
children: React.ReactNode
restricted?: boolean
}) {
return (
<>
<Header />
<Header restricted={restricted} />
<main className="max-w-7xl mx-auto p-4 sm:p-6">{children}</main>
<Footer />
</>