fix: correct DarkModeToggle sig
This commit is contained in:
@@ -5,9 +5,9 @@ import { Typewriter } from "./Typewriter";
|
|||||||
import { useDarkMode } from "~/context/darkMode";
|
import { useDarkMode } from "~/context/darkMode";
|
||||||
|
|
||||||
export function DarkModeToggle(
|
export function DarkModeToggle(
|
||||||
props: { shouldScale: boolean },
|
props: { shouldScale?: boolean } = { shouldScale: true }
|
||||||
{ shouldScale = true }
|
|
||||||
) {
|
) {
|
||||||
|
const shouldScale = props.shouldScale ?? true;
|
||||||
const { isDark, toggleDarkMode } = useDarkMode();
|
const { isDark, toggleDarkMode } = useDarkMode();
|
||||||
const [mounted, setMounted] = createSignal(false);
|
const [mounted, setMounted] = createSignal(false);
|
||||||
|
|
||||||
@@ -18,7 +18,7 @@ export function DarkModeToggle(
|
|||||||
return (
|
return (
|
||||||
<button
|
<button
|
||||||
onClick={toggleDarkMode}
|
onClick={toggleDarkMode}
|
||||||
class={`hover:bg-surface0 flex w-full items-center gap-3 rounded-lg p-3 transition-all duration-200 ease-in-out ${props.shouldScale ? "hover:scale-105" : ""}`}
|
class={`hover:bg-surface0 flex w-full items-center gap-3 rounded-lg p-3 transition-all duration-200 ease-in-out ${shouldScale ? "hover:scale-105" : ""}`}
|
||||||
aria-label="Toggle dark mode"
|
aria-label="Toggle dark mode"
|
||||||
>
|
>
|
||||||
<Show
|
<Show
|
||||||
|
|||||||
Reference in New Issue
Block a user