Ategon/Jamjar
1
0
Fork 0
mirror of https://github.com/Ategon/Jamjar.git synced 2025-02-12 06:16:21 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Swap moonicon to moon

Browse source
This commit is contained in:
Ategon 2025-01-19 13:48:53 -05:00
parent 50ee8098c4
commit 095e8d73c0
1 changed files with 2 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
src/components/theme-toggle/index.tsx
View file

@ -1,7 +1,7 @@
"use client";
import { useState, useEffect } from "react";
import { MoonIcon, Sun } from "lucide-react";
import { Moon, Sun } from "lucide-react";
import { useTheme } from "next-themes";
export default function ThemeToggle() {
@ -19,7 +19,6 @@ export default function ThemeToggle() {
setIsSpinning(true);
setTimeout(() => setIsSpinning(false), 500);
console.log(theme);
setTheme(theme === "dark" ? "light" : "dark");
};
@ -34,7 +33,7 @@ export default function ThemeToggle() {
className={`${isSpinning && "animate-[spin_0.5s_ease-out]"} `}
>
<div className="duration-500 ease-in-out transition-all transform text-[#333] dark:text-white hover:scale-125">
{theme === "dark" && <MoonIcon />}
{theme === "dark" && <Moon />}
{theme === "light" && <Sun />}
</div>
</div>