feat: 북마크 페이지 퍼블리싱 및 api 주소 변경

apps/nowait-user/src/api/reservation.ts

@@ -1,4 +1,3 @@
-import axios from "axios";
 import UserApi from "../utils/UserApi";
 
 const SERVER_URI = import.meta.env.VITE_SERVER_URI;
@@ -12,7 +11,7 @@ export const createReservation = async (
   storeId: string,
   payload: ReservationType
 ) => {
-  const res = await UserApi.post(`/reservations/create/${storeId}`, payload);
+  const res = await UserApi.post(`/reservations/create/redis/${storeId}`, payload);
   return res.data;
 };
 

apps/nowait-user/src/pages/waiting/WaitingSummary/WaitingSummaryPage.tsx

@@ -14,7 +14,8 @@ const WaitingSummaryPage = () => {
       const payload = {
         partySize,
       };
-      await createReservation(id!, payload);
+      const res = await createReservation(id!, payload);
+      console.log(res,"예약 응답")
       navigate(`/store/${id}/waiting/success`);
     } catch (error) {
       console.log(error);

apps/nowait-user/src/pages/waiting/bookmark/BookmarkPage.tsx

@@ -0,0 +1,70 @@
+import HomeHeader from "../../../components/Header";
+import IsBookmark from "../storeDetail/components/IsBookmark";
+
+const dummyData = [
+  {
+    id: 1,
+    image: "/bookmarkStoreImage.png",
+    wait: "대기 0팀",
+    store: "스페이시스",
+    lesson: "바이오메카트로닉스공학과",
+  },
+  {
+    id: 1,
+    image: "/bookmarkStoreImage.png",
+    wait: "대기 0팀",
+    store: "스페이시스",
+    lesson: "바이오메카트로닉스공학과",
+  },
+];
+
+const BookmarkPage = () => {
+  return (
+    <div>
+      <div className="px-5">
+        <HomeHeader />
+        <h1 className="mt-5 mb-4 text-title-20-bold text-black-90">
+          북마크한 부스
+        </h1>
+        <ul>
+          {dummyData.map((data) => {
+            return (
+              <li key={data.id} className="mb-6">
+                <div className="relative top-0 right-0">
+                  <img
+                    className="w-full object-cover"
+                    src={data.image}
+                    alt="북마크한 주점 메인 이미지"
+                  ></img>
+                  <p className="absolute top-[12px] right-[12px] text-primary bg-[#ffe9df] px-2 py-[7px] font-bold text-[12px] rounded-[6px]">
+                    {data.wait}
+                  </p>
+                </div>
+                <div className="flex justify-between py-3">
+                  <div className="flex items-center gap-2.5">
+                    <img
+                      className="w-[40px] h-[40px] object-cover rounded-full bg-black-40"
+                      src=""
+                      alt="학과 메인 이미지"
+                    ></img>
+                    <div className="flex flex-col justify-between">
+                      <h1 className="text-title-16-bold text-black-90">
+                        {data.store}
+                      </h1>
+                      <h2 className="text-14-regular text-black-70">
+                        {data.lesson}
+                      </h2>
+                    </div>
+                  </div>
+                  <IsBookmark />
+                </div>
+              </li>
+            );
+          })}
+        </ul>
+      </div>
+    </div>
+  );
+};
+
+export default BookmarkPage;

apps/nowait-user/src/pages/waiting/storeDetail/StoreDetailPage.tsx

@@ -7,6 +7,8 @@ import { useNavigate, useParams } from "react-router-dom";
 import MenuList from "../../../components/common/MenuList";
 import IsBookmark from "./components/IsBookmark";
 import { getBookmark } from "../../../api/reservation";
+import axios from "axios";
+import UserApi from "../../../utils/UserApi";
 
 const TAG = [
   { id: 1, type: "default", tag: "태그 추가" },
@@ -18,15 +20,6 @@ const StoreDetailPage = () => {
   const navigate = useNavigate();
   const { id } = useParams();
 
-  const a = async () => {
-    try {
-      const res = await getBookmark();
-      console.log(res);
-    } catch (error) {
-      console.log(error)
-    }
-  };
-
   return (
     <div>
       <div className="px-5">
@@ -64,7 +57,6 @@ const StoreDetailPage = () => {
         </section>
         <section className="pt-5 pb-[28px]">
           <div className="mb-6">
-            <button onClick={a}>북마크조회</button>
             <p className="flex items-center mb-1.5 text-16-regular text-black-80">
               <span className="w-[18px] flex justify-center  mr-1.5">
                 <SubStract />

apps/nowait-user/src/pages/waiting/waitingPartysize/WaitingPartySizeForm.tsx

@@ -29,7 +29,7 @@ const WaitingPartySizeForm = () => {
       <PageFooterButton>
         <Button
           onClick={() =>
-            navigate(`/store/${id}/waitingsummary`, { state: partySize })
+            navigate(`/store/${id}/waiting/summary`, { state: partySize })
           }
         >
           다음

apps/nowait-user/src/routes/Router.tsx

@@ -12,12 +12,12 @@ import KakaoRedirectHandler from "../pages/login/KakaoRedirectHandler";
 import AuthGuard from "../components/AuthGuard";
 import PageTransitionWrapper from "../components/layout/PageTransitionWrapper";
 import WaitingPartySizeForm from "../pages/waiting/waitingPartysize/WaitingPartySizeForm";
-import WaitingSummaryPage from "../pages/waiting/WaitingSummary/WaitingSummaryPage";
+import WaitingSummaryPage from "../pages/waiting/waitingSummary/WaitingSummaryPage";
 import AddMenuPage from "../pages/order/addMenu/AddMenuPage";
 import RemittanceWaitPage from "../pages/order/remittenceWait/RemittanceWaitPage";
 import OrderDetailsPage from "../pages/order/orderDetails/OrderDetailsPage";
 import RemittancePage from "../pages/order/remittance/RemittancePage";
-import BookmarkPage from "../pages/bookmark/BookmarkPage";
+import BookmarkPage from "../pages/waiting/bookmark/BookmarkPage";
 
 // AuthGuard로 래핑하는 헬퍼 함수
 const withAuth = (Component: React.ComponentType) => (
@@ -53,8 +53,12 @@ const Router = () => {
         element={withAuth(WaitingPartySizeForm)}
       />
       <Route
-        path="/store/:id/waitingsummary"
+        path="/store/:id/waiting/summary"
         element={withAuth(WaitingSummaryPage)}
+      />
+            <Route
+        path="/store/:id/waiting/success"
+        element={withAuth(WaitingSuccessPage)}
       />
       <Route path="/" element={withAuth(HomePage)} />