Navbar setup changes. Still not working yet.

2022-04-19 20:49:23 +10:00
parent a10772c958
commit 05a9933c78
2 changed files with 103 additions and 10 deletions
@@ -1,15 +1,18 @@
 import type {NextPage} from 'next';
 import NavBar from "../components/navbar";
+import {useTheme} from "next-themes";

 const Home: NextPage = () => {
-  return (
-    <div className="">
-        <NavBar title="Home | nickbland.dev"></NavBar>
+    const {theme, setTheme} = useTheme();
+    return (
+        <div className="">
+            <NavBar title="Home | nickbland.dev"></NavBar>

-        <main className="">
-
-        </main>
-    </div>
+            <main className="">
+                <h1>Test Comment</h1>
+                <button onClick={() => setTheme(theme === "dark" ? "light" : "dark")}>Toggle Theme</button>
+            </main>
+        </div>
  )
 }