From 7d417c35cebd6bf60355db5a9a6f6b4bd9da4f2a Mon Sep 17 00:00:00 2001
From: kirinkiri <k.melissa0520@gmail.com>
Date: Thu, 20 Feb 2025 15:05:42 +0900
Subject: [PATCH 1/2] =?UTF-8?q?fix:=EB=A6=AC=EC=8A=A4=ED=8A=B8=20=EB=94=94?=
 =?UTF-8?q?=EC=9E=90=EC=9D=B8=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/MyPlans/Cards/PlanCard.tsx |  2 +-
 src/components/MyPlans/MyPlanList.tsx     | 28 +++++++++++++----------
 test.http                                 |  2 +-
 3 files changed, 18 insertions(+), 14 deletions(-)

diff --git a/src/components/MyPlans/Cards/PlanCard.tsx b/src/components/MyPlans/Cards/PlanCard.tsx
index ab02e304..06b1d5a0 100644
--- a/src/components/MyPlans/Cards/PlanCard.tsx
+++ b/src/components/MyPlans/Cards/PlanCard.tsx
@@ -23,7 +23,7 @@ export default function PlanCard({ planDetail }: PlanData) {
           <label className="w-[150px] text-color-gray-300" htmlFor="tripType">
             여행 유형
           </label>
-          <div className="text-color-black-400">
+          <div className="text-nowrap text-color-black-400">
             <Label labelType={planDetail?.tripType || "-"} customLabelContainerClass="rounded-lg" />
           </div>
         </div>
diff --git a/src/components/MyPlans/MyPlanList.tsx b/src/components/MyPlans/MyPlanList.tsx
index cb0e61c0..e7fbc61c 100644
--- a/src/components/MyPlans/MyPlanList.tsx
+++ b/src/components/MyPlans/MyPlanList.tsx
@@ -66,24 +66,28 @@ const MyPlanList = forwardRef<HTMLDivElement, MyPlanListProps>(
               {visiblePlans.map((plan) => (
                 <div
                   key={plan.id}
-                  className="mb-3 flex justify-between rounded-2xl border-color-gray-300 bg-color-gray-50 p-2 shadow"
+                  className="mb-3 flex justify-between rounded-2xl border-color-gray-300 bg-color-gray-50 p-2 shadow mobile-tablet:flex-col"
                 >
                   <div>
                     <div className="semibold flex gap-2 px-2 pt-2 text-2lg">{plan.title}</div>
-                    <div className="regular flex px-2 pt-2 text-lg">
-                      {convertRegionToKorean(plan.serviceArea)}
-                      <p className="text-color-line-200">ㅣ</p>
-                      {formatToSimpleDate(plan.tripDate)}
-                      <p className="text-color-line-200">ㅣ</p>
-                      <Label
-                        labelType={plan.tripType}
-                        labelSize="sm"
-                        customLabelContainerClass="rounded-lg"
-                      />
+                    <div className="regular flex text-nowrap px-2 pt-2 text-lg mobile-tablet:flex-col mobile-tablet:text-md">
+                      <div className="flex mobile-tablet:mb-2">
+                        <p>{convertRegionToKorean(plan.serviceArea)}</p>
+                        <p className="text-color-line-200">ㅣ</p>
+                        <p>{formatToSimpleDate(plan.tripDate)}</p>
+                      </div>
+                      <p className="text-color-line-200 mobile-tablet:hidden">ㅣ</p>
+                      <div className="inline-block max-w-max text-nowrap mobile-tablet:mb-2">
+                        <Label
+                          labelType={plan.tripType}
+                          labelSize="sm"
+                          customLabelContainerClass="rounded-lg"
+                        />
+                      </div>
                     </div>
                   </div>
                   <button
-                    className="min-w-38 semibold text-nowrap rounded-lg border-[1px] border-solid border-color-blue-300 bg-color-gray-50 px-[32.5px] py-4 text-xl text-color-blue-300 mobile:text-md tablet:text-lg mobile-tablet:px-[16px] mobile-tablet:py-[6px]"
+                    className="semibold text-nowrap rounded-lg border-[1px] border-solid border-color-blue-300 bg-color-gray-50 px-5 py-4 text-lg text-color-blue-300 mobile-tablet:mt-1 mobile-tablet:px-4 mobile-tablet:py-1 mobile-tablet:text-md"
                     onClick={() => handleDetailClick(plan.id)}
                   >
                     플랜 상세
diff --git a/test.http b/test.http
index b4c28823..ab0a3b10 100644
--- a/test.http
+++ b/test.http
@@ -89,7 +89,7 @@ Authorization: Bearer eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VySWQiOiI2Njg4N
 
 ### 완료 가능 플랜 불러오기(dreamer)
 GET https://www.goforme.duckdns.org/plans/dreamer?readyToComplete=true&page=1&pageSize=6
-Authorization: Bearer eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VySWQiOiI2Njg4NWEzYy01MGY0LTQyN2ItOGE5Mi0zNzAyYzY5NzZmYjAiLCJyb2xlIjoiRFJFQU1FUiIsImlhdCI6MTczOTgwMDQxNSwiZXhwIjoxNzM5ODg2ODE1fQ.VKDq_T-dg2NK6xRC_2GeSNLXBLGD2SyIzbaAXWmfrfc
+Authorization: Bearer eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VySWQiOiI2Njg4NWEzYy01MGY0LTQyN2ItOGE5Mi0zNzAyYzY5NzZmYjAiLCJyb2xlIjoiRFJFQU1FUiIsImlhdCI6MTczOTk1NDMxNSwiZXhwIjoxNzQwMDQwNzE1fQ.OBkKC2CqmSdntE_hmVbmEWkeF2_mgmtP7GNKemv95Do
 
 
 ### 리뷰가능한 플랜 목록 조회(dreamer)

From f2be2380b45cd41456aca83cd1498537f5d40be7 Mon Sep 17 00:00:00 2001
From: kirinkiri <k.melissa0520@gmail.com>
Date: Thu, 20 Feb 2025 17:27:01 +0900
Subject: [PATCH 2/2] =?UTF-8?q?fix:=20UI=20=EC=9D=BC=EB=B6=80=20=EC=88=98?=
 =?UTF-8?q?=EC=A0=95,=20withAuthAccess=20role=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/MyPlans/MyPlanList.tsx            |  4 ++--
 src/components/MyPlans/QuotationCardList.tsx     | 16 ++++++++++++----
 src/components/MyReviews/Cards/ReviewCard.tsx    |  2 +-
 .../myreview-manage/completed-trip/index.tsx     |  2 +-
 .../myreview-manage/reviewable-trip/index.tsx    |  2 +-
 .../myreview-manage/reviewed-trip/index.tsx      |  2 +-
 .../mytrip-manage/completed-plan/detail/[id].tsx |  2 +-
 src/pages/mytrip-manage/completed-plan/index.tsx |  4 ++--
 .../mytrip-manage/ongoing-plan/detail/[id].tsx   |  2 +-
 src/pages/mytrip-manage/ongoing-plan/index.tsx   |  4 ++--
 .../mytrip-manage/overdue-plan/detail/[id].tsx   |  2 +-
 src/pages/mytrip-manage/overdue-plan/index.tsx   |  4 ++--
 .../[planId]/[quotationId].tsx                   |  2 +-
 src/services/planService.ts                      |  7 ++++++-
 14 files changed, 34 insertions(+), 21 deletions(-)

diff --git a/src/components/MyPlans/MyPlanList.tsx b/src/components/MyPlans/MyPlanList.tsx
index e7fbc61c..0dbbe5be 100644
--- a/src/components/MyPlans/MyPlanList.tsx
+++ b/src/components/MyPlans/MyPlanList.tsx
@@ -55,8 +55,8 @@ const MyPlanList = forwardRef<HTMLDivElement, MyPlanListProps>(
 
     return (
       <div className="my-12 flex flex-col rounded-2xl border-color-gray-300 bg-color-gray-50 shadow">
-        <div className="semibold px-8 pt-8 text-2xl">{`${title} 플랜 목록`}</div>
-        <div className="flex-col p-8">
+        <div className="semibold px-8 pt-8 text-2xl mobile-tablet:px-4 mobile-tablet:pt-4 mobile-tablet:text-xl">{`${title} 플랜 목록`}</div>
+        <div className="flex-col p-8 mobile-tablet:p-4">
           {isLoading ? (
             <div className="flex h-screen items-center justify-center">
               <Image src={loading} alt="로딩 중" />
diff --git a/src/components/MyPlans/QuotationCardList.tsx b/src/components/MyPlans/QuotationCardList.tsx
index 4f01039c..951b04c6 100644
--- a/src/components/MyPlans/QuotationCardList.tsx
+++ b/src/components/MyPlans/QuotationCardList.tsx
@@ -32,10 +32,18 @@ export default function QuotationCardList({ planDetail }: PlanData) {
   if (!quotations?.list || quotations.list.length === 0) {
     return (
       <div className="flex flex-col items-center justify-center text-center text-xl text-color-gray-500">
-        <p>아직 받은 견적이 없어요!</p>
-        <br />
-        <p>지정견적요청을 해보세요!</p>
-        <Link href="" className="text-blue-500 underline"></Link>
+        <div className="w-full rounded-2xl bg-color-gray-50 p-8 shadow">
+          <p>아직 받은 견적이 없어요!</p>
+          <br />
+          <p>지정견적요청을 해보세요!</p>
+          <br />
+          <button className="border-1 rounded-lg bg-color-blue-200 p-2">
+            <Link href="/finding-maker" className="text-gray-100">
+              {" "}
+              Maker 찾기
+            </Link>
+          </button>
+        </div>
       </div>
     );
   }
diff --git a/src/components/MyReviews/Cards/ReviewCard.tsx b/src/components/MyReviews/Cards/ReviewCard.tsx
index ce22d56a..80d7e247 100644
--- a/src/components/MyReviews/Cards/ReviewCard.tsx
+++ b/src/components/MyReviews/Cards/ReviewCard.tsx
@@ -59,7 +59,7 @@ export default function ReviewCard({ reviewDetail }: ReviewCardProps) {
       </div>
       <div>
         <p className="regular text-right text-md text-color-gray-300 pc:hidden">
-          작성일 {reviewDetail.createdAt}
+          작성일 {formatToSimpleDate(reviewDetail.createdAt)}
         </p>
       </div>
     </div>
diff --git a/src/pages/myreview-manage/completed-trip/index.tsx b/src/pages/myreview-manage/completed-trip/index.tsx
index f865ab09..b926323c 100644
--- a/src/pages/myreview-manage/completed-trip/index.tsx
+++ b/src/pages/myreview-manage/completed-trip/index.tsx
@@ -72,4 +72,4 @@ export function CompletedTrip() {
   );
 }
 
-export default withAuthAccess(CompletedTrip);
+export default withAuthAccess(CompletedTrip, "DREAMER");
diff --git a/src/pages/myreview-manage/reviewable-trip/index.tsx b/src/pages/myreview-manage/reviewable-trip/index.tsx
index 87b37a56..d37b1ff1 100644
--- a/src/pages/myreview-manage/reviewable-trip/index.tsx
+++ b/src/pages/myreview-manage/reviewable-trip/index.tsx
@@ -76,4 +76,4 @@ export function ReviewableTrip() {
   );
 }
 
-export default withAuthAccess(ReviewableTrip);
+export default withAuthAccess(ReviewableTrip, "DREAMER");
diff --git a/src/pages/myreview-manage/reviewed-trip/index.tsx b/src/pages/myreview-manage/reviewed-trip/index.tsx
index 359f8a0f..6e08654a 100644
--- a/src/pages/myreview-manage/reviewed-trip/index.tsx
+++ b/src/pages/myreview-manage/reviewed-trip/index.tsx
@@ -76,4 +76,4 @@ export function ReviewedTrip() {
   );
 }
 
-export default withAuthAccess(ReviewedTrip);
+export default withAuthAccess(ReviewedTrip, "DREAMER");
diff --git a/src/pages/mytrip-manage/completed-plan/detail/[id].tsx b/src/pages/mytrip-manage/completed-plan/detail/[id].tsx
index 0e6497b3..1cd0117d 100644
--- a/src/pages/mytrip-manage/completed-plan/detail/[id].tsx
+++ b/src/pages/mytrip-manage/completed-plan/detail/[id].tsx
@@ -31,4 +31,4 @@ export function CompletedPlanDetail() {
   );
 }
 
-export default withAuthAccess(CompletedPlanDetail);
+export default withAuthAccess(CompletedPlanDetail, "DREAMER");
diff --git a/src/pages/mytrip-manage/completed-plan/index.tsx b/src/pages/mytrip-manage/completed-plan/index.tsx
index 4c8a51ec..d87dce90 100644
--- a/src/pages/mytrip-manage/completed-plan/index.tsx
+++ b/src/pages/mytrip-manage/completed-plan/index.tsx
@@ -47,7 +47,7 @@ export function CompletedPlan() {
       <MyPlanNav />
       <Layout bodyClass="bg-gray">
         <MyPlanList
-          title="종료된"
+          title="🛬 종료된"
           status="completed"
           visiblePlans={planData}
           fetchNextPage={fetchNextPage}
@@ -60,4 +60,4 @@ export function CompletedPlan() {
   );
 }
 
-export default withAuthAccess(CompletedPlan);
+export default withAuthAccess(CompletedPlan, "DREAMER");
diff --git a/src/pages/mytrip-manage/ongoing-plan/detail/[id].tsx b/src/pages/mytrip-manage/ongoing-plan/detail/[id].tsx
index ffba521b..35718907 100644
--- a/src/pages/mytrip-manage/ongoing-plan/detail/[id].tsx
+++ b/src/pages/mytrip-manage/ongoing-plan/detail/[id].tsx
@@ -31,4 +31,4 @@ export function OngoingPlanDetail() {
   );
 }
 
-export default withAuthAccess(OngoingPlanDetail);
+export default withAuthAccess(OngoingPlanDetail, "DREAMER");
diff --git a/src/pages/mytrip-manage/ongoing-plan/index.tsx b/src/pages/mytrip-manage/ongoing-plan/index.tsx
index 3e163b51..b9853c0d 100644
--- a/src/pages/mytrip-manage/ongoing-plan/index.tsx
+++ b/src/pages/mytrip-manage/ongoing-plan/index.tsx
@@ -49,7 +49,7 @@ export function OngoingPlan() {
       <MyPlanNav />
       <Layout bodyClass="bg-gray">
         <MyPlanList
-          title="진행 중인"
+          title="🛫 진행 중인"
           status="ongoing"
           visiblePlans={planData}
           fetchNextPage={fetchNextPage}
@@ -69,4 +69,4 @@ export function OngoingPlan() {
   );
 }
 
-export default withAuthAccess(OngoingPlan);
+export default withAuthAccess(OngoingPlan, "DREAMER");
diff --git a/src/pages/mytrip-manage/overdue-plan/detail/[id].tsx b/src/pages/mytrip-manage/overdue-plan/detail/[id].tsx
index 83c8d8e2..dc03e9eb 100644
--- a/src/pages/mytrip-manage/overdue-plan/detail/[id].tsx
+++ b/src/pages/mytrip-manage/overdue-plan/detail/[id].tsx
@@ -31,4 +31,4 @@ export function OverduePlanDetail() {
   );
 }
 
-export default withAuthAccess(OverduePlanDetail);
+export default withAuthAccess(OverduePlanDetail, "DREAMER");
diff --git a/src/pages/mytrip-manage/overdue-plan/index.tsx b/src/pages/mytrip-manage/overdue-plan/index.tsx
index 47b66a4d..1a544fb8 100644
--- a/src/pages/mytrip-manage/overdue-plan/index.tsx
+++ b/src/pages/mytrip-manage/overdue-plan/index.tsx
@@ -47,7 +47,7 @@ export function OverduePlan() {
       <MyPlanNav />
       <Layout bodyClass="bg-gray">
         <MyPlanList
-          title="만료된"
+          title="🕑 만료된"
           status="overdue"
           visiblePlans={planData}
           fetchNextPage={fetchNextPage}
@@ -60,4 +60,4 @@ export function OverduePlan() {
   );
 }
 
-export default withAuthAccess(OverduePlan);
+export default withAuthAccess(OverduePlan, "DREAMER");
diff --git a/src/pages/mytrip-manage/quotationdetail-dreamer/[planId]/[quotationId].tsx b/src/pages/mytrip-manage/quotationdetail-dreamer/[planId]/[quotationId].tsx
index 4166fd74..268b5e49 100644
--- a/src/pages/mytrip-manage/quotationdetail-dreamer/[planId]/[quotationId].tsx
+++ b/src/pages/mytrip-manage/quotationdetail-dreamer/[planId]/[quotationId].tsx
@@ -329,4 +329,4 @@ export function QuotationDetailDreamer() {
   );
 }
 
-export default withAuthAccess(QuotationDetailDreamer);
+export default withAuthAccess(QuotationDetailDreamer, "DREAMER");
diff --git a/src/services/planService.ts b/src/services/planService.ts
index 1a5ff7ed..e2b47636 100644
--- a/src/services/planService.ts
+++ b/src/services/planService.ts
@@ -82,6 +82,7 @@ const planService = {
 
       params.push(`page=${page}`);
       params.push(`pageSize=${pageSize}`);
+      params.push(`orderBy=RECENT`);
 
       queryString = params.length > 0 ? `?${params.join("&")}` : "";
 
@@ -103,7 +104,11 @@ const planService = {
     try {
       const response = await api.get<Plan, {}>(`/plans/${planId}`);
       return response;
-    } catch (error) {
+    } catch (error: any) {
+      if (error.response && error.response.status === 404) {
+        window.location.href = "/404";
+        return Promise.reject(new Error("해당 여행 플랜을 찾을 수 없습니다."));
+      }
       console.error("여행 데이터 요청 실패", error);
       throw error;
     }