diff --git a/components/navbar.tsx b/components/navbar.tsx index 806b198..e71dcf3 100644 --- a/components/navbar.tsx +++ b/components/navbar.tsx @@ -1,5 +1,4 @@ import React, {Fragment, ReactNode, useState} from "react"; -import {Disclosure, Transition} from "@headlessui/react"; import {HiX, HiMenu} from "react-icons/hi" import Head from "next/head"; import Link from "next/link"; @@ -15,6 +14,11 @@ type Props = { const NavBar = ({children, title = "nickbland.dev | Home", description = "A website made by Nick Bland."}: Props) => { const [isOpen, setIsOpen] = useState(false); + + const handleCheck = () => { + setIsOpen(!isOpen); + } + return (
@@ -24,76 +28,54 @@ const NavBar = ({children, title = "nickbland.dev | Home", description = "A webs - -
-
-
-
- logo -
-
- logo -
-
-
- Home - About - Projects -
-
- -
-
+
+
+
+ logo +
+
+ logo +
+
+
+
+ + +
+
+
+
+ -
- +
+
- - -
-
- Home - About -
-
-
- - - +
) } diff --git a/components/themeSwitch.tsx b/components/themeSwitch.tsx index 76e15a4..c6be107 100644 --- a/components/themeSwitch.tsx +++ b/components/themeSwitch.tsx @@ -1,12 +1,16 @@ import React, { useState } from "react"; import { useTheme } from "next-themes"; -import { Switch } from "@headlessui/react"; +import { HiSun, HiMoon } from "react-icons/hi"; export const ThemeSwitch = () => { const { theme, setTheme } = useTheme(); const [enabled, setEnabled] = useState(true); - // Use theme requires its own hook which uses Strings. Using an enabled, disabled for a bool hook and following translates that to a string. + const handleCheck = () => { + setEnabled(!enabled); + } + + // Use theme requires its own hook which uses Strings. Using an enabled, disabled for a bool hook and the following block translates that to a string. if (enabled) { setTheme("dark"); } else { @@ -15,7 +19,13 @@ export const ThemeSwitch = () => { return (
- + + + {/*
Dark Mode { className={`${enabled ? 'translate-x-6' : 'translate-x-1'} inline-block w-4 h-4 transform bg-black dark:bg-white rounded-full transition-transform`} />
- + */}
); }; diff --git a/tailwind.config.js b/tailwind.config.js index e94329d..1db5211 100644 --- a/tailwind.config.js +++ b/tailwind.config.js @@ -1,5 +1,4 @@ module.exports = { - purge: [], darkMode: "class", content: [ "./pages/**/*.{js,ts,jsx,tsx}",