[feat] boostcampwm-2022#85 recoil 전역 설정

- RecoilRoot 추가
ktmihs · Nov 28, 2022 · 78b20b7 · 78b20b7
1 parent 2aed7af
commit 78b20b7
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 12 deletions.
diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx
@@ -2,14 +2,17 @@ import { BrowserRouter } from 'react-router-dom';
 import { Global } from '@emotion/react';
 import { global } from './global';
 import Router from './Router';
+import { RecoilRoot } from 'recoil';
 
 function App() {
   return (
     <>
       <Global styles={global} />
-      <BrowserRouter>
-        <Router />
-      </BrowserRouter>
+      <RecoilRoot>
+        <BrowserRouter>
+          <Router />
+        </BrowserRouter>
+      </RecoilRoot>
     </>
   );
 }

diff --git a/frontend/src/component/Sidebar/Setting/index.tsx b/frontend/src/component/Sidebar/Setting/index.tsx
@@ -2,11 +2,11 @@ import BackgroundSetting from './backgroundSetting';
 import DeviceSetting from './deviceSetting';
 import { settingWrapper } from './setting.styled';
 
-const Setting = ({ permission }: { permission: boolean }) => {
+const Setting = () => {
   return (
     <ul css={settingWrapper}>
       <BackgroundSetting />
-      <DeviceSetting permission={permission} />
+      <DeviceSetting />
     </ul>
   );
 };

diff --git a/frontend/src/component/Sidebar/index.tsx b/frontend/src/component/Sidebar/index.tsx
@@ -19,14 +19,14 @@ type componentType = {
   [key: string]: EmotionJSX.Element;
 };
 
-const Sidebar = ({ permission }: { permission: boolean }) => {
-  const component: componentType = {
-    mypage: <Mypage />,
-    friends: <Friends />,
-    chatting: <Chat />,
-    setting: <Setting permission={permission} />,
-  };
+const component: componentType = {
+  mypage: <Mypage />,
+  friends: <Friends />,
+  chatting: <Chat />,
+  setting: <Setting />,
+};
 
+const Sidebar = () => {
   const [isOpen, setOpen] = useState(true);
   const [isMicOn, setMic] = useState(false);
   const [isCamOn, setCam] = useState(true);