26 lines
668 B
TypeScript
26 lines
668 B
TypeScript
import { h, type FunctionComponent } from 'preact'
|
|
import CurrentUser from './current_user.tsx'
|
|
import s from './header.module.scss'
|
|
|
|
import type { Route } from '../../../shared/types.ts'
|
|
|
|
const Header: FunctionComponent<{ routes: Route[] }> = ({ routes }) => (
|
|
<header className={s.base}>
|
|
<h1>BRF Tegeltrasten</h1>
|
|
<nav className={s.nav}>
|
|
<ul>
|
|
{routes.map((route) =>
|
|
route.nav !== false ? (
|
|
<li key={route.path}>
|
|
<a href={route.path}>{route.title}</a>
|
|
</li>
|
|
) : null,
|
|
)}
|
|
</ul>
|
|
</nav>
|
|
<CurrentUser className={s.currentUser} />
|
|
</header>
|
|
)
|
|
|
|
export default Header
|