feat: 주문 페이지 수정사항 반영

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

@@ -7,7 +7,7 @@ import type {
 } from "../types/order/order";
 
 const api = axios.create({
-  baseURL: "", 
+  baseURL: "/", 
   withCredentials: true,
 });
 
@@ -19,7 +19,7 @@ export const createOrder = async (
   tableId: number,
   payload: OrderType
 ): Promise<CreateOrderServerResponse> => {
-  const res = await api.post(`${API_URI}/orders/create/${publicCode}/${tableId}`, payload);
+  const res = await api.post(`/orders/create/${publicCode}/${tableId}`, payload);
   return res.data;
 };
 
@@ -28,7 +28,7 @@ export const getOrderDetails = async (
   publicCode: string,
   tableId: number
 ): Promise<OrderDetailsServerResponse> => {
-  const res = await api.get(`${API_URI}/orders/items/${publicCode}/${tableId}`);
+  const res = await api.get(`/orders/items/${publicCode}/${tableId}`);
   return res.data;
 };
 

apps/nowait-user/src/components/common/SuccessMessagePage.tsx

@@ -3,7 +3,7 @@ import { useNavigate, useParams } from "react-router-dom";
 import CenteredContentLayout from "../layout/CenteredContentLayout";
 
 interface PropsType {
-  imageSrc: string;
+  ImageSrc: React.ComponentType<React.SVGProps<SVGSVGElement>> | string;
   imageAlt: string;
   width?: string;
   height?: string;
@@ -14,7 +14,7 @@ interface PropsType {
 }
 
 const SuccessMessagePage = ({
-  imageSrc,
+  ImageSrc,
   imageAlt,
   width = "150px",
   height = "150px",
@@ -25,9 +25,14 @@ const SuccessMessagePage = ({
 }: PropsType) => {
   const navigate = useNavigate();
   const { storeId } = useParams();
+
   return (
     <CenteredContentLayout onClick={onClick} buttonText={buttonText}>
-      <img src={imageSrc} alt={imageAlt} width={width} height={height} />
+      {typeof ImageSrc === "string" ? (
+        <img src={ImageSrc} alt={imageAlt} width={width} height={height} />
+      ) : (
+        <ImageSrc width={width} height={height} aria-label={imageAlt} />
+      )}
       <h1 className="text-headline-24-bold mb-2">{title}</h1>
       <h2 className="whitespace-pre-line text-16-regular text-black-70 mb-3.5">
         {message}

apps/nowait-user/src/components/order/ConfirmModal.tsx

@@ -61,10 +61,10 @@ const ConfirmModal = ({
               transition={{ duration: 0.3, ease: "easeInOut" }}
               className="absolute left-1/2 bottom-8 -translate-x-1/2 w-[clamp(328px,calc(100%-32px),398px)] bg-white rounded-[20px] px-4 pt-9"
             >
-              <h1 className="whitespace-pre-line text-headline-22-bold mb-2">
+              <h1 className="whitespace-pre-line text-headline-22-bold mb-2 px-1">
                 {title}
               </h1>
-              <h2 className="whitespace-pre-line text-16-regular text-black-70 mb-12">
+              <h2 className="whitespace-pre-line text-16-regular text-black-70 mb-12 px-1">
                 {description}
               </h2>
               <Button fullWidth={true} textColor="#ffffff" onClick={open}>

apps/nowait-user/src/pages/order/orderSuccess/OrderSuccessPage.tsx

@@ -8,7 +8,7 @@ const OrderSuccessPage = () => {
 
   return (
     <SuccessMessagePage
-      imageSrc={OrderSuccess}
+      ImageSrc={OrderSuccess}
       imageAlt="주문 완료 이미지"
       title="주문이 접수되었어요!"
       message={`입금 확인 후 조리를 진행할게요.\n조금만 기다려 주세요.`}

apps/nowait-user/src/pages/waiting/waitingSuccess/WaitingSuccessPage.tsx

@@ -1,13 +1,13 @@
 import SuccessMessagePage from "../../../components/common/SuccessMessagePage";
 import { useNavigate } from "react-router-dom";
-import waitingSuccess from "../../../assets/waitingSuccess.png";
+import WaitingSuccess from "../../../assets/waitingSuccess.svg?react";
 
 const WaitingSuccessPage = () => {
   const navigate = useNavigate();
 
   return (
     <SuccessMessagePage
-      imageSrc={waitingSuccess}
+      ImageSrc={WaitingSuccess}
       imageAlt="대기 등록 완료 이미지"
       width="227px"
       height="150px"