marsultor/public-blog
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: use m.button instead of motion.button in ThemeToggle

Browse Source
This commit is contained in:
Krishna Ayyalasomayajula
2026-06-01 20:44:49 -05:00
parent 34ecb39bcc
commit 04fab4ce38
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
components/ui/ThemeToggle.tsx
View File

@@ -1,13 +1,13 @@
"use client"; "use client";
import { useTheme } from "@wrksz/themes/client"; import { useTheme } from "@wrksz/themes/client";
import { motion } from "motion/react"; import { m } from "motion/react";
export function ThemeToggle() { export function ThemeToggle() {
const { theme, setTheme } = useTheme(); const { theme, setTheme } = useTheme();
return ( return (
<motion.button <m.button
type="button" type="button"
onClick={() => setTheme(theme === "dark" ? "light" : "dark")} onClick={() => setTheme(theme === "dark" ? "light" : "dark")}
whileHover={{ scale: 1.1 }} whileHover={{ scale: 1.1 }}
@@ -20,6 +20,6 @@ export function ThemeToggle() {
) : ( ) : (
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"><path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"/></svg> <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"><path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"/></svg>
)} )}
</motion.button> </m.button>
); );
} }