From 7a9352f46421038b3f6c86530b2b8f60bfb85157 Mon Sep 17 00:00:00 2001
From: Hojin <wkdghwls0623@gmail.com>
Date: Mon, 22 Jan 2024 10:28:55 +0900
Subject: [PATCH] =?UTF-8?q?Feat:=20=EB=82=B4=20=EC=97=AC=ED=96=89=EC=B7=A8?=
 =?UTF-8?q?=ED=96=A5=20=EC=84=A4=EC=A0=95=ED=95=98=EB=9F=AC=EA=B0=80?=
 =?UTF-8?q?=EA=B8=B0=20=EA=B5=AC=ED=98=84?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Plan/PlanItemBox.tsx      |  2 +-
 src/components/Trip/TripPreference.tsx   | 13 ++++++++++++-
 src/pages/mypage/editUserSurvey.page.tsx |  2 +-
 3 files changed, 14 insertions(+), 3 deletions(-)

diff --git a/src/components/Plan/PlanItemBox.tsx b/src/components/Plan/PlanItemBox.tsx
index 40146f9a..4ea6b619 100644
--- a/src/components/Plan/PlanItemBox.tsx
+++ b/src/components/Plan/PlanItemBox.tsx
@@ -70,7 +70,7 @@ const PlanItemBox = ({
             <div className="flex w-full flex-col">
               <div className="flex h-[87.5px]  rounded-lg border border-solid border-[#ededed] bg-white">
                 <img
-                  className="h-[87px] w-[93px] rounded-bl-lg rounded-tl-lg "
+                  className="h-[87px] w-[93px] rounded-bl-lg rounded-tl-lg"
                   src={item.thumbnailUrl}
                   alt="img"
                 />
diff --git a/src/components/Trip/TripPreference.tsx b/src/components/Trip/TripPreference.tsx
index 432c72f2..51570d26 100644
--- a/src/components/Trip/TripPreference.tsx
+++ b/src/components/Trip/TripPreference.tsx
@@ -11,6 +11,7 @@ import { getTripsSurveyMembers } from '@api/trips';
 import { useSetRecoilState, useRecoilState } from 'recoil';
 import { participantsState } from '@recoil/trip';
 import { useGetTripsAuthority } from '@hooks/useGetTripsAuthority';
+import { useNavigate } from 'react-router-dom';
 
 interface RatioBarParams {
   value: number;
@@ -27,8 +28,18 @@ interface PercentageParams {
 }
 
 const TripPreferenceButton: React.FC = () => {
+  const { tripAuthority } = useGetTripsAuthority();
+  const navigate = useNavigate();
+  const handleTrip = () => {
+    if (tripAuthority === 'WRITE') {
+      navigate('/mypage/survey');
+    }
+  };
+
   return (
-    <button className="mb-[17.5px] mt-[20px] flex w-[335px] items-center rounded-full bg-white px-6 py-4 text-sm">
+    <button
+      onClick={handleTrip}
+      className="mb-[17.5px] mt-[20px] flex w-[335px] items-center rounded-full bg-white px-6 py-4 text-sm">
       <div className="flex items-center text-gray6">
         <div>
           <HeartIcon fill="#888888" color="#888888" size={20} />
diff --git a/src/pages/mypage/editUserSurvey.page.tsx b/src/pages/mypage/editUserSurvey.page.tsx
index 2ec9c382..3ef49cd7 100644
--- a/src/pages/mypage/editUserSurvey.page.tsx
+++ b/src/pages/mypage/editUserSurvey.page.tsx
@@ -10,7 +10,7 @@ const EditUserSurvey = () => {
       <BackBox
         showBack
         backHandler={() => {
-          navigate('/mypage');
+          navigate(-1);
         }}>
         나의 여행 취향 설정
       </BackBox>