Files
Blog/components/Header.js
2022-11-18 17:02:01 +01:00

27 lines
766 B
JavaScript

import Link from "next/link"
import styles from "../styles/Header.module.css"
export default function Header(props) {
const isInfoPage = typeof window !== "undefined" && window.location.pathname === "/info"
return (
<header className={styles.header}>
<nav
className={styles.nav}
role="navigation"
aria-label="main navigation"
>
<Link href="/">
<h1>{props.siteTitle}</h1>
</Link>
<div>
<Link href={isInfoPage ? "/" : "/info"}>
<h1>{isInfoPage ? "close" : "info"}</h1>
</Link>
</div>
</nav>
</header>
)
}