40 lines
1002 B
TypeScript
40 lines
1002 B
TypeScript
import type { NextPage } from "next";
|
|
import { useEffect } from "react";
|
|
import Head from "next/head";
|
|
import Navigation from "./Navigation";
|
|
|
|
import styles from "../../styles/Blog/Blog.module.scss";
|
|
|
|
interface ILayoutProps {
|
|
title?: string;
|
|
}
|
|
|
|
const Layout: NextPage<ILayoutProps> = ({ title, children }) => {
|
|
|
|
useEffect(() => {
|
|
if (typeof window !== "undefined") {
|
|
const theme = window.localStorage.getItem("theme");
|
|
if(!theme || !document) return;
|
|
document.documentElement.setAttribute("data-theme", theme);
|
|
}
|
|
}, []);
|
|
|
|
return <>
|
|
<Head>
|
|
<title>{title ?? "c0ntroller.de"}</title>
|
|
</Head>
|
|
<div id={styles.blogBody}>
|
|
<header>
|
|
<Navigation />
|
|
</header>
|
|
<main>
|
|
{ children }
|
|
</main>
|
|
<footer>
|
|
Copyright und so nen Stuff
|
|
</footer>
|
|
</div>
|
|
</>;
|
|
};
|
|
|
|
export default Layout; |