[mobile] 홈에서 식단 카드 클릭 시 식단 페이지로 이동 (#975)

* fix: 홈에서 식단 카드 클릭 시 식단 페이지로 이동 * fix: 식단 없을 경우 Link 추가
CMI-OSS · Aug 25, 2023 · f223aa8 · f223aa8
1 parent 55ec398
commit f223aa8
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 9 deletions.
diff --git 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
@@ -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>
   );
 }