first commit

2024-12-23 05:09:28 -05:00
commit d848bcd61c
971 changed files with 172537 additions and 0 deletions
@@ -0,0 +1,27 @@
+import { useEffect, useState } from "react"
+
+export default function ThemeSwitch() {
+    const [togglETHeme, setTogglETHeme] = useState(
+        () => JSON.parse(localStorage.getItem("togglETHeme")) || "light-theme"
+    )
+    useEffect(() => {
+        localStorage.setItem("togglETHeme", JSON.stringify(togglETHeme))
+        document.body.classList.add(togglETHeme)
+        return () => {
+            document.body.classList.remove(togglETHeme)
+        }
+    }, [togglETHeme])
+
+    return (
+        <>
+            <nav className="switcher__tab"
+                onClick={() => togglETHeme === "light-theme" ? setTogglETHeme("dark-theme") : setTogglETHeme("light-theme")
+                }
+            >
+                <span className="switcher__btn light-mode"><i className="flaticon-sun" /></span>
+                <span className="switcher__mode" />
+                <span className="switcher__btn dark-mode"><i className="flaticon-moon" /></span>
+            </nav>
+        </>
+    )
+}