From f223aa8f23dfb10e24da118e0bffd4e7f8590222 Mon Sep 17 00:00:00 2001
From: gijin noh <38103082+nohgijin@users.noreply.github.com>
Date: Fri, 25 Aug 2023 20:19:53 +0900
Subject: [PATCH] =?UTF-8?q?[mobile]=20=ED=99=88=EC=97=90=EC=84=9C=20?=
 =?UTF-8?q?=EC=8B=9D=EB=8B=A8=20=EC=B9=B4=EB=93=9C=20=ED=81=B4=EB=A6=AD=20?=
 =?UTF-8?q?=EC=8B=9C=20=EC=8B=9D=EB=8B=A8=20=ED=8E=98=EC=9D=B4=EC=A7=80?=
 =?UTF-8?q?=EB=A1=9C=20=EC=9D=B4=EB=8F=99=20(#975)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* fix: 홈에서 식단 카드 클릭 시 식단 페이지로 이동

* fix: 식단 없을 경우 Link 추가
---
 .../page/Home/Restaurant/EmptyCafeteria/index.tsx    |  6 ++++--
 .../src/page/Home/Restaurant/Selected/index.tsx      | 12 +++++-------
 2 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/packages/mobile/src/page/Home/Restaurant/EmptyCafeteria/index.tsx b/packages/mobile/src/page/Home/Restaurant/EmptyCafeteria/index.tsx
index 99b57f74..21676258 100644
--- a/packages/mobile/src/page/Home/Restaurant/EmptyCafeteria/index.tsx
+++ b/packages/mobile/src/page/Home/Restaurant/EmptyCafeteria/index.tsx
@@ -1,3 +1,5 @@
+import { Link } from "react-router-dom";
+
 import classNames from "classnames";
 import BorderBox from "src/components/atoms/BorderBox";
 import { Write } from "src/components/atoms/icon";
@@ -27,9 +29,9 @@ function EmptyCafeteria({ className, cafeteriaName, onClick }: Props) {
         </button>
       </div>
       <Line />
-      <div className={$["food-box"]}>
+      <Link to="/cafeteria" className={$["food-box"]}>
         <span className={$["empty-menu"]}>지금은 식단이 없어요</span>
-      </div>
+      </Link>
     </BorderBox>
   );
 }
diff --git a/packages/mobile/src/page/Home/Restaurant/Selected/index.tsx b/packages/mobile/src/page/Home/Restaurant/Selected/index.tsx
index f3693edc..5b787f22 100644
--- a/packages/mobile/src/page/Home/Restaurant/Selected/index.tsx
+++ b/packages/mobile/src/page/Home/Restaurant/Selected/index.tsx
@@ -1,3 +1,5 @@
+import { Link } from "react-router-dom";
+
 import { CafeteriaMenu } from "@shared/swagger-api/generated";
 import classNames from "classnames";
 import { Dayjs } from "dayjs";
@@ -71,13 +73,9 @@ function Selected(props: Props) {
         <span className={$.time}>{mealPeriod}</span>
       </div>
       <Line />
-      <div className={$["food-box"]}>
-        {menuData.menu ? (
-          <p className={$["cafeteria-content"]}>{menuData.menu}</p>
-        ) : (
-          <span className={$["empty-menu"]}>지금은 식단이 없어요</span>
-        )}
-      </div>
+      <Link to="/cafeteria" className={$["food-box"]}>
+        <p className={$["cafeteria-content"]}>{menuData.menu}</p>
+      </Link>
     </BorderBox>
   );
 }