From 708696c4f141b6774a9224e6d5cd0210e577d467 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EC=A0=84=ED=9D=AC=EC=84=A0?= <designh2sun@gmail.com>
Date: Mon, 18 Nov 2024 17:50:12 +0900
Subject: [PATCH 1/2] =?UTF-8?q?=E2=9C=85=20done:=20localstorage=20MemberId?=
 =?UTF-8?q?=20Post=20=EA=B5=AC=ED=98=84=20=EC=99=84=EB=A3=8C=20?=
 =?UTF-8?q?=F0=9F=92=84=20style:=20=EB=B2=84=ED=8A=BC=20=EC=84=A0=ED=83=9D?=
 =?UTF-8?q?=20=EC=8B=9C=20=EC=84=A0=ED=83=9D=EB=90=9C=20=EB=B2=84=ED=8A=BC?=
 =?UTF-8?q?=20=EC=9D=B4=EB=AF=B8=EC=A7=80=20=EC=A1=B0=EA=B1=B4=EB=B6=80=20?=
 =?UTF-8?q?=EB=A0=8C=EB=8D=94=EB=A7=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/emotion/mission/EmotionMission.tsx | 25 +++++++++++++-------
 1 file changed, 16 insertions(+), 9 deletions(-)

diff --git a/src/pages/emotion/mission/EmotionMission.tsx b/src/pages/emotion/mission/EmotionMission.tsx
index 653eb29..16216f0 100644
--- a/src/pages/emotion/mission/EmotionMission.tsx
+++ b/src/pages/emotion/mission/EmotionMission.tsx
@@ -18,18 +18,18 @@ import useEmotionStore from '@store/useEmotionStore';
 const EMOTIONS_RESULT_URL = '/emotions/results/';
 
 const EmotionMission = () => {
-  const [clickButton, setClickButton] = useState('/src/assets/Images/invaildGray.svg');
+  const [, setClickButton] = useState('/src/assets/Images/invaildGray.svg');
   const [selectedMission, setSelectedMission] = useState<string | null>(null);
   const navigate = useNavigate();
 
   const analysisResult = useAnalysisStore((state) => state.analysis);
-
   const message = useEmotionStore((state) => state.message);
 
-  console.log(message);
+  // console.log(message);
 
-  console.log(analysisResult);
-  console.log(message);
+  // console.log(analysisResult);
+  // console.log(message);
+  // console.log(localStorage.getItem('MemberId'));
 
   const handleHover = (mission: string) => {
     setClickButton('/src/assets/Images/valid.svg');
@@ -39,7 +39,7 @@ const EmotionMission = () => {
 
   const handleClick = async () => {
     const my_emotion = {
-      member_id: 34,
+      member_id: localStorage.getItem('MemberId'),
       mission_content: selectedMission,
       is_complement: false,
       interest_keyword: analysisResult.keywords,
@@ -66,9 +66,9 @@ const EmotionMission = () => {
         body: JSON.stringify(my_emotion),
       });
       console.log('Mission submitted:', selectedMission);
-      navigate('/emotion/result');
       const data = await response.json();
       console.log(data);
+      navigate('/emotion/result');
     } catch (error) {
       console.error('전송 에러:', error);
     }
@@ -99,7 +99,12 @@ const EmotionMission = () => {
               }}
             >
               {mission}
-              <img src={clickButton} alt="선택" />
+              <img
+                src={
+                  selectedMission === mission ? '/src/assets/Images/valid.svg' : '/src/assets/Images/invaildGray.svg'
+                }
+                alt="선택"
+              />
             </button>
           ))}
         </ButtonContainer>
@@ -109,7 +114,9 @@ const EmotionMission = () => {
           <br />
           배우자가 나에게 작성한 한마디를 확인 할 수 있어요
         </MissionExplanation>
-        <Button onClick={handleClick} type="submit" size="medium" text="분석 결과 보기" disabled={false} />
+        <div className="resultButton">
+          <Button onClick={handleClick} type="submit" size="medium" text="분석 결과 보기" disabled={false} />
+        </div>
       </MissionSection>
     </>
   );

From 39dd4a5e7a0cec0de39b3f02f62667e0c3272bd1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EC=A0=84=ED=9D=AC=EC=84=A0?= <designh2sun@gmail.com>
Date: Mon, 18 Nov 2024 17:53:25 +0900
Subject: [PATCH 2/2] =?UTF-8?q?=F0=9F=92=84=20style:=20=EB=B2=84=ED=8A=BC?=
 =?UTF-8?q?=20=EB=86=92=EC=9D=B4=20=EC=82=AC=EC=9D=B4=EC=A6=88=20=EC=88=98?=
 =?UTF-8?q?=EC=A0=95,=20=EB=AF=B8=EC=85=98=20=EC=84=A0=ED=83=9D=20?=
 =?UTF-8?q?=EB=B2=84=ED=8A=BC=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/emotion/mission/EmotionMission.style.tsx | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/pages/emotion/mission/EmotionMission.style.tsx b/src/pages/emotion/mission/EmotionMission.style.tsx
index 781a4c8..f3d8699 100644
--- a/src/pages/emotion/mission/EmotionMission.style.tsx
+++ b/src/pages/emotion/mission/EmotionMission.style.tsx
@@ -10,6 +10,10 @@ export const MissionSection = styled.section`
   background-color: ${variables.colors.gray5};
   display: flex;
   flex-direction: column;
+
+  & > .resultButton {
+    flex-shrink: 0;
+  }
 `;
 
 export const MissionTitleBox = styled.div`
@@ -52,7 +56,8 @@ export const WishImage = styled.img`
 `;
 
 export const ButtonContainer = styled.div`
-  width: 100%;
+  min-width: 100%;
+  max-width: 100%;
 
   & > button {
     display: flex;