[feat] boostcampwm-2022#85 배경음악 정보 전역 저장

- 배경 음악 토클 시, 전역 정보 변경
ktmihs · Nov 28, 2022 · fcb690e · fcb690e
1 parent 055bce7
commit fcb690e
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 4 deletions.
diff --git a/frontend/src/component/Sidebar/Setting/backgroundSetting.tsx b/frontend/src/component/Sidebar/Setting/backgroundSetting.tsx
@@ -1,11 +1,12 @@
-import { useState } from 'react';
+import { useRecoilState } from 'recoil';
 import Content from '../Content';
 import { backgroundSettingWrapper } from './setting.styled';
 import Toggle from './toggle';
+import { musicState, snowState } from '../../../store/atom/backgroundSetting';
 
 const BackgroundSetting = () => {
-  const [isMusicOn, setMusic] = useState<boolean>(false);
-  const [isSnowing, setSnowing] = useState<boolean>(false);
+  const [isMusicOn, setMusic] = useRecoilState(musicState);
+  const [isSnowing, setSnowing] = useRecoilState(snowState);
 
   const handleMusicStatus = () => {
     setMusic(!isMusicOn);

diff --git a/frontend/src/component/Sidebar/Setting/deviceSetting.tsx b/frontend/src/component/Sidebar/Setting/deviceSetting.tsx
@@ -1,9 +1,12 @@
 import { useEffect, useState } from 'react';
+import { useRecoilValue } from 'recoil';
+import { devicePermissionState } from '../../../store/atom/deviceSetting';
 import Device from './device';
 import { deviceListType } from './setting';
 import { deviceWrapper } from './setting.styled';
 
-const DeviceSetting = (permission: { permission: boolean }) => {
+const DeviceSetting = () => {
+  const permission = useRecoilValue(devicePermissionState);
   const [deviceList, setDeviceList] = useState<deviceListType>();
 
   useEffect(() => {