[FE] FIX: device 모드일 때 토글을 두번 클릭해야 모드가 바뀌는 버그 해결 #1649

innovationacademy-kr · Oct 22, 2024 · abbdaff · abbdaff
1 parent 547fe37
commit abbdaff
Showing 1 changed file with 14 additions and 5 deletions.
diff --git a/frontend/src/Cabinet/components/Common/DarkModeToggleSwitch.tsx b/frontend/src/Cabinet/components/Common/DarkModeToggleSwitch.tsx
@@ -50,13 +50,22 @@ const DarkModeToggleSwitch = ({ id }: { id: string }) => {
   }, [displayStyleType]);
 
   const handleToggleChange = useCallback(() => {
-    const newToggleType =
-      displayStyleToggle === DisplayStyleToggleType.LIGHT
-        ? DisplayStyleToggleType.DARK
-        : DisplayStyleToggleType.LIGHT;
+    let newToggleType;
+    if (displayStyleToggle === DisplayStyleToggleType.DEVICE) {
+      newToggleType =
+        displayStyleType === DisplayStyleType.LIGHT
+          ? DisplayStyleToggleType.DARK
+          : DisplayStyleToggleType.LIGHT;
+    } else {
+      newToggleType =
+        displayStyleToggle === DisplayStyleToggleType.LIGHT
+          ? DisplayStyleToggleType.DARK
+          : DisplayStyleToggleType.LIGHT;
+    }
+
     localStorage.setItem("display-style-toggle", newToggleType);
     setDisplayStyleToggle(newToggleType);
-  }, [displayStyleToggle]);
+  }, [displayStyleType]);
 
   return (
     <ToggleWrapperStyled>