Merge pull request #197 from boostcampwm2023/fix/mode-change-error

[Fix] 편집 모드 전환 시 모달이 닫히도록 수정
boostcampwm2023 · Dec 4, 2023 · c4cd1ce · c4cd1ce
2 parents 5fe6169 + 2058d4c
commit c4cd1ce
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 3 deletions.
diff --git a/FE/src/components/DiaryModal/DiaryReadModal.js b/FE/src/components/DiaryModal/DiaryReadModal.js
@@ -106,17 +106,16 @@ function DiaryReadModal(props) {
     },
   );
 
-  // TODO: 로딩, 에러 처리 UI 구현
   if (isLoading)
     return (
-      <ModalWrapper left='67%' width='40vw' height='65vh' opacity='0.3'>
+      <ModalWrapper left='50%' width='40vw' height='65vh' opacity='0.3'>
         Loading...
       </ModalWrapper>
     );
 
   if (isError)
     return (
-      <ModalWrapper left='67%' width='40vw' height='65vh' opacity='0.3'>
+      <ModalWrapper left='50%' width='40vw' height='65vh' opacity='0.3'>
         에러 발생
       </ModalWrapper>
     );

diff --git a/FE/src/pages/StarPage.js b/FE/src/pages/StarPage.js
@@ -19,6 +19,7 @@ import arrow from "../assets/arrow.svg";
 import paint from "../assets/paint.svg";
 
 function StarPage() {
+  const setDiaryState = useSetRecoilState(diaryAtom);
   const [starState, setStarState] = useRecoilState(starAtom);
 
   return (
@@ -55,6 +56,13 @@ function StarPage() {
           }));
         }}
         rightEvent={() => {
+          setDiaryState((prev) => ({
+            ...prev,
+            isCreate: false,
+            isRead: false,
+            isUpdate: false,
+            isDelete: false,
+          }));
           setStarState((prev) => ({
             ...prev,
             mode: "stella",