From ac78d3efed23b73220ce8bebac3e8bc6a506fe42 Mon Sep 17 00:00:00 2001
From: JongHyun <jonghyun@JongHyuns-MacBook-Pro.local>
Date: Mon, 5 Aug 2024 01:58:04 +0900
Subject: [PATCH] =?UTF-8?q?fix=20:=20=EA=B2=BD=EB=A1=9C=20=EC=84=A4?=
 =?UTF-8?q?=EC=A0=95=20=EB=B2=84=EA=B7=B8=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/CreateDiaryModal.jsx           | 20 +++++--------------
 .../components/DiaryPostModal.jsx             |  2 +-
 src/diaryWritePage/components/DiaryWrite.jsx  |  7 ++-----
 3 files changed, 8 insertions(+), 21 deletions(-)

diff --git a/src/diaryListPage/components/CreateDiaryModal.jsx b/src/diaryListPage/components/CreateDiaryModal.jsx
index 5ac00ed..c5170fe 100644
--- a/src/diaryListPage/components/CreateDiaryModal.jsx
+++ b/src/diaryListPage/components/CreateDiaryModal.jsx
@@ -25,27 +25,17 @@ function CreateDiaryModal({ setIsModalOpen, goalId }) {
               <TextContainer>
                 <MainText>👾 steppy와 함께 일지 작성하기</MainText>
                 <SubText>
-                  <div>
-                    무슨 일지를 써야할지 고민이 되는 날에도, 고된 일정으로
-                    피곤한 하루에도
-                  </div>
-                  <div style={{ marginTop: "3px" }}>
-                    steppy가 chicky님의 꾸준한 기록을 도와줄게요!
-                  </div>
+                  <div>무슨 일지를 써야할지 고민이 되는 날에도, 고된 일정으로 피곤한 하루에도</div>
+                  <div style={{ marginTop: "3px" }}>steppy가 chicky님의 꾸준한 기록을 도와줄게요!</div>
                 </SubText>
               </TextContainer>
             </WriteMethod>
-            <WriteMethod onClick={() => navigate(`/write?id=${goalId}`)}>
+            <WriteMethod onClick={() => navigate(`/write`, { state: { goalId } })}>
               <TextContainer>
                 <MainText>✍️ 직접 작성하기</MainText>
                 <SubText>
-                  <div>
-                    오늘만큼은 적고 싶은게 너무 많은 날, 떠오르는 생각과 느낌을
-                    적고 싶은 날
-                  </div>
-                  <div style={{ marginTop: "3px" }}>
-                    자유롭게 하루의 일지를 적어보아요!
-                  </div>
+                  <div>오늘만큼은 적고 싶은게 너무 많은 날, 떠오르는 생각과 느낌을 적고 싶은 날</div>
+                  <div style={{ marginTop: "3px" }}>자유롭게 하루의 일지를 적어보아요!</div>
                 </SubText>
               </TextContainer>
             </WriteMethod>
diff --git a/src/diaryWritePage/components/DiaryPostModal.jsx b/src/diaryWritePage/components/DiaryPostModal.jsx
index 823e9ba..e7e23a2 100644
--- a/src/diaryWritePage/components/DiaryPostModal.jsx
+++ b/src/diaryWritePage/components/DiaryPostModal.jsx
@@ -6,7 +6,7 @@ function DiaryPostModal({ setPostedModal, goalId }) {
   const navigate = useNavigate();
   const closeModal = () => {
     setPostedModal(false);
-    navigate(`/diaryList?id=${goalId}`); // !!!! 중요, 나중에 연결할때 이 부분이 diaryList?id= 링크로 연결되어야함.
+    navigate(`/diaryList`, { state: { goalId } }); // !!!! 중요, 나중에 연결할때 이 부분이 diaryList?id= 링크로 연결되어야함.
   };
 
   return (
diff --git a/src/diaryWritePage/components/DiaryWrite.jsx b/src/diaryWritePage/components/DiaryWrite.jsx
index 8c6637b..1fb3f4a 100644
--- a/src/diaryWritePage/components/DiaryWrite.jsx
+++ b/src/diaryWritePage/components/DiaryWrite.jsx
@@ -15,8 +15,7 @@ function DiaryWrite() {
   });
   const csrfToken = useRecoilValue(tokenState);
   const location = useLocation();
-  const queryParams = new URLSearchParams(location.search);
-  const goalId = queryParams.get("id");
+  const goalId = location.state.goalId;
 
   const openThumbnailModal = () => {
     setThumbnailModal(true);
@@ -69,9 +68,7 @@ function DiaryWrite() {
             csrfToken={csrfToken}
           />
         )}
-        {!thumbnailModal && postedModal && (
-          <DiaryPostModal setPostedModal={setPostedModal} goalId={goalId} />
-        )}
+        {!thumbnailModal && postedModal && <DiaryPostModal setPostedModal={setPostedModal} goalId={goalId} />}
       </BoxWrapper>
     </Wrapper>
   );