diff --git a/apps/nowait-user/src/assets/icon/arrow-right.svg b/apps/nowait-user/src/assets/icon/arrow-right.svg new file mode 100644 index 00000000..d262d24a --- /dev/null +++ b/apps/nowait-user/src/assets/icon/arrow-right.svg @@ -0,0 +1,3 @@ + + + diff --git a/apps/nowait-user/src/assets/icon/bookmark.svg b/apps/nowait-user/src/assets/icon/bookmark.svg new file mode 100644 index 00000000..a8405425 --- /dev/null +++ b/apps/nowait-user/src/assets/icon/bookmark.svg @@ -0,0 +1,3 @@ + + + diff --git a/apps/nowait-user/src/assets/icon/clock.svg b/apps/nowait-user/src/assets/icon/clock.svg new file mode 100644 index 00000000..edc4e99e --- /dev/null +++ b/apps/nowait-user/src/assets/icon/clock.svg @@ -0,0 +1,4 @@ + + + + diff --git a/apps/nowait-user/src/assets/icon/map-pin.svg b/apps/nowait-user/src/assets/icon/map-pin.svg new file mode 100644 index 00000000..45a0eaef --- /dev/null +++ b/apps/nowait-user/src/assets/icon/map-pin.svg @@ -0,0 +1,3 @@ + + + diff --git a/apps/nowait-user/src/components/MenuList.tsx b/apps/nowait-user/src/components/MenuList.tsx new file mode 100644 index 00000000..dc29d7cf --- /dev/null +++ b/apps/nowait-user/src/components/MenuList.tsx @@ -0,0 +1,67 @@ +import { useNavigate } from "react-router-dom"; +import type { MenuType } from "../types/order/menu"; + +const dummyData: MenuType[] = [ + { + id: "1", + name: "우리 학과 최고의 자랑거리 메뉴인 숙주 삼결살 볶음 입니다.", + description: + "숙주 삼겹살에 대한 메뉴 설명입니다.숙주 삼겹살에 대한 메뉴 설명입니다.", + price: 12000, + image: "", + }, + { + id: "2", + name: "과일 화채", + description: "시원한 과일 화채 입니다.", + price: 10000, + image: "", + }, + { + id: "3", + name: "파인애플 샤베트", + description: + "시원한 파인애플 샤베트 입니다.시원한 파인애플 샤베트 입니다.시원한 파인애플 샤베트 입니다.시원한 파인애플 샤베트 입니다.시원한 파인애플 샤베트 입니다.시원한 파인애플 샤베트 입니다.시원한 파인애플 샤베트 입니다.시원한 파인애플 샤베트 입니다.시원한 파인애플 샤베트 입니다.시원한 파인애플 샤베트 입니다.시원한 파인애플 샤베트 입니다.시원한 파인애플 샤베트 입니다.시원한 파인애플 샤베트 입니다.시원한 파인애플 샤베트 입니다.시원한 파인애플 샤베트 입니다.시원한 파인애플 샤베트 입니다.", + price: 9000, + image: "", + }, +]; + +const MenuList = () => { + const navigate = useNavigate(); + return ( +
+

메뉴

+ +
+ ); +}; + +export default MenuList; diff --git a/apps/nowait-user/src/components/order/PageFooterButton.tsx b/apps/nowait-user/src/components/order/PageFooterButton.tsx index f21c6e0c..635ed496 100644 --- a/apps/nowait-user/src/components/order/PageFooterButton.tsx +++ b/apps/nowait-user/src/components/order/PageFooterButton.tsx @@ -1,9 +1,17 @@ import React from "react"; -const PageFooterButton = ({ children }: { children: React.ReactNode }) => { +const PageFooterButton = ({ + children, + className = "", +}: { + children: React.ReactNode; + className?: string; +}) => { return ( ); }; diff --git a/apps/nowait-user/src/pages/order/AddMenuPage.tsx b/apps/nowait-user/src/pages/order/AddMenuPage.tsx index 1379de78..7a5e980c 100644 --- a/apps/nowait-user/src/pages/order/AddMenuPage.tsx +++ b/apps/nowait-user/src/pages/order/AddMenuPage.tsx @@ -1,4 +1,4 @@ -import React, { useState } from "react"; +import { useState } from "react"; import QuantitySelector from "../../components/common/QuantitySelector"; import { useLocation, useNavigate } from "react-router-dom"; import PageFooterButton from "../../components/order/PageFooterButton"; diff --git a/apps/nowait-user/src/pages/order/StorePage.tsx b/apps/nowait-user/src/pages/order/StorePage.tsx index 02551a2b..cfdc25bc 100644 --- a/apps/nowait-user/src/pages/order/StorePage.tsx +++ b/apps/nowait-user/src/pages/order/StorePage.tsx @@ -1,39 +1,9 @@ import { useNavigate } from "react-router-dom"; -import type { MenuType } from "../../types/order/menu"; -import { useEffect, useState } from "react"; -import { getcart } from "../../utils/cartStorage"; -import type { CartItem } from "../../types/order/cart"; import PageFooterButton from "../../components/order/PageFooterButton"; import { Button } from "@repo/ui"; -import { sumQuantity, sumTotalPrice } from "../../utils/sumUtils"; import TotalButton from "../../components/order/TotalButton"; import { useCartStore } from "../../stores/cartStore"; - -const dummyData: MenuType[] = [ - { - id: "1", - name: "우리 학과 최고의 자랑거리 메뉴인 숙주 삼결살 볶음 입니다.", - description: - "숙주 삼겹살에 대한 메뉴 설명입니다.숙주 삼겹살에 대한 메뉴 설명입니다.", - price: 12000, - image: "", - }, - { - id: "2", - name: "과일 화채", - description: "시원한 과일 화채 입니다.", - price: 10000, - image: "", - }, - { - id: "3", - name: "파인애플 샤베트", - description: - "시원한 파인애플 샤베트 입니다.시원한 파인애플 샤베트 입니다.시원한 파인애플 샤베트 입니다.시원한 파인애플 샤베트 입니다.시원한 파인애플 샤베트 입니다.시원한 파인애플 샤베트 입니다.시원한 파인애플 샤베트 입니다.시원한 파인애플 샤베트 입니다.시원한 파인애플 샤베트 입니다.시원한 파인애플 샤베트 입니다.시원한 파인애플 샤베트 입니다.시원한 파인애플 샤베트 입니다.시원한 파인애플 샤베트 입니다.시원한 파인애플 샤베트 입니다.시원한 파인애플 샤베트 입니다.시원한 파인애플 샤베트 입니다.", - price: 9000, - image: "", - }, -]; +import MenuList from "../../components/MenuList"; const StorePage = () => { const navigate = useNavigate(); @@ -54,37 +24,7 @@ const StorePage = () => { 주문내역 -
-

메뉴

- -
+ {cart && cart.length > 0 && ( diff --git a/apps/nowait-user/src/pages/reserve/StoreDetailPage.tsx b/apps/nowait-user/src/pages/reserve/StoreDetailPage.tsx index b1db6c56..b797fe71 100644 --- a/apps/nowait-user/src/pages/reserve/StoreDetailPage.tsx +++ b/apps/nowait-user/src/pages/reserve/StoreDetailPage.tsx @@ -1,7 +1,98 @@ -import React from "react"; +import MenuList from "../../components/MenuList"; +import Arrow from "../../assets/icon/arrow-right.svg?react"; +import MapPin from "../../assets/icon/map-pin.svg?react"; +import Clock from "../../assets/icon/clock.svg?react"; +import BookMark from "../../assets/icon/bookmark.svg?react"; +import PageFooterButton from "../../components/order/PageFooterButton"; +import { Button } from "@repo/ui"; + +const TAG = [ + { id: 1, type: "default", tag: "태그 추가" }, + { id: 2, type: "default", tag: "컴공 과" }, + { id: 3, type: "waiting", tag: "웨이팅 15팀" }, +]; const StoreDetailPage = () => { - return
StoreDetailPage
; + return ( +
+
+

+ 음식 메뉴 이미지 +

+
+
+
+

컴퓨터공학과

+

스페이시스

+
+ 학과 대표 이미지 +
+
    + {TAG.map((item) => { + return ( +
  • + {item.tag} +
    • + ); + })} +
+
+
+
+

+ + + + 가천대학교 무한광장 +

+

+ + + + 18:00 - 24:00 +

+
+

+ 안녕하세요! 컴공과가 버그 없이 준비한 이스터에그가 가득 부스 + 스페이시스입니다 🚀 남다른 디버깅 실력으로 굽는 츄러스, 데이터 손실 + 없는 아이스티, 그리고 메모리 오류 없는 넉넉한 양까지 완벽 + 구현했습니다. +

+
+
+

+ 공지 +

+

+ 입장 시 신분증 검사 필수 입장 시 신분증 + 검사dddddddasdasdasdddddddddddddddddddddddddaaaaaaaaaaaa +

+
+ +
+
+
+ +
+ + + + +
+ ); }; export default StoreDetailPage; diff --git a/apps/nowait-user/src/routes/Router.tsx b/apps/nowait-user/src/routes/Router.tsx index 5ca1151a..c0b755c7 100644 --- a/apps/nowait-user/src/routes/Router.tsx +++ b/apps/nowait-user/src/routes/Router.tsx @@ -47,7 +47,26 @@ const Router = () => { path="/:storeId/remittance/request" element={} /> - } /> + + {/* 보호된 라우트 - 인증 필요 */} + + + } /> + } /> + } /> + } + /> + } /> + + + } + /> + ); };