fix: correct effect

quotepedia · Dec 6, 2024 · 15bf61c · 15bf61c
1 parent fc889a4
commit 15bf61c
Showing 1 changed file with 5 additions and 5 deletions.
diff --git a/apps/web/src/features/change-theme/components/ThemeSwitcherItemPreview.tsx b/apps/web/src/features/change-theme/components/ThemeSwitcherItemPreview.tsx
@@ -11,13 +11,13 @@ export type ThemeSwitcherItemPreviewProps = {
 export const ThemeSwitcherItemPreview = (props: ThemeSwitcherItemPreviewProps) => {
   const [theme, setTheme] = createSignal<Theme>(props.value);
 
-  if (props.value === "system") {
-    const prefersDark = usePrefersDark();
+  createEffect(() => {
+    if (props.value === "system") {
+      const prefersDark = usePrefersDark();
 
-    createEffect(() => {
       setTheme(prefersDark() ? "dark" : "light");
-    });
-  }
+    }
+  });
 
   return (
     <div