🚑️ Add reset isPortraitAtom in Tool component

atom 선언과 defaultValue 간격을 메꾸기위한 Tool컴포넌트에서의 초기화로직 추가
GleamingStar · Mar 28, 2022 · 606d284 · 606d284
1 parent 0376a81
commit 606d284
Showing 1 changed file with 7 additions and 2 deletions.
diff --git a/src/client/components/game/paint/tool/Tool.tsx b/src/client/components/game/paint/tool/Tool.tsx
@@ -1,5 +1,6 @@
 import styled from 'styled-components';
-import { useRecoilValue, useSetRecoilState } from 'recoil';
+import { useEffect } from 'react';
+import { useRecoilState, useRecoilValue, useSetRecoilState } from 'recoil';
 import { BsArrowCounterclockwise, BsEraser, BsPencil } from 'react-icons/bs';
 import { isPainterSelector } from 'client/atom/gameAtom';
 import { toolAtom } from 'client/atom/canvasAtom';
@@ -59,7 +60,11 @@ const IconWrapper = styled.div`
 const Tool = () => {
   const setTool = useSetRecoilState(toolAtom);
   const isPainter = useRecoilValue(isPainterSelector);
-  const isPortrait = useRecoilValue(isPortraitAtom);
+  const [isPortrait, setPortrait] = useRecoilState(isPortraitAtom);
+
+  useEffect(() => {
+    setPortrait(window.innerWidth < 800);
+  }, []);
 
   const tool = (
     <>