Merge pull request #127 from MUIT-UMC/114/refactor-디테일-수정

결제방식 변경

Author: ddhi7

src/components/buy/Step2.jsx

@@ -16,7 +16,7 @@ const Step2 = () => {
   const navigate = useNavigate();
   const location = useLocation();
   const peopleCount = location.state?.peopleCount || 1;
-  const [selectedTicketId, setSelectedTicketId] = useState("1");
+  const [selectedTicketName, setSelectedTicketName] = useState("일반 예매");
 
   const url = `/tickets/${amateurId}/ticketInfo`;
   const { data, error, loading } = useCustomFetch(url, {
@@ -32,18 +32,19 @@ const Step2 = () => {
 
 
   // 🎯 선택된 티켓 정보 찾기
-  const selectedTicket = ticketInfo.tickets.find(ticket => ticket.amateurTicketId === selectedTicketId);
+  const selectedTicket = ticketInfo.tickets.find(ticket => ticket.ticketName === selectedTicketName);
   const ticketPrice = selectedTicket ? selectedTicket.price : 0;
 
   // 🎯 할인 선택 핸들러
   const handleDiscountChange = (event) => {
-    setSelectedTicketId(event.target.value);
+    setSelectedTicketName(event.target.value);
   };
+
   const handleNextStep = () => {
     navigate('../step3', {
       state: {
         peopleCount,
-        selectedTicketId,
+        selectedTicketName,
         ticketInfo,
       },
     });
@@ -69,22 +70,22 @@ const Step2 = () => {
               <Option>
                 <RadioButton type="radio" 
                   name="discount" 
-                  value="1" 
-                  checked={selectedTicketId === "1"} 
+                  value="일반 예매"
+                  checked={selectedTicketName === "일반 예매"}
                   onChange={handleDiscountChange} /> 할인 없음
               </Option>
               <Option>
                 <RadioButton type="radio" 
                   name="discount" 
-                  value="2" 
-                  checked={selectedTicketId === "2"} 
+                  value="홍대생 할인"
+                  checked={selectedTicketName === "홍대생 할인"} 
                   onChange={handleDiscountChange} /> 홍대생 할인
               </Option>
               <Option>
                 <RadioButton  type="radio" 
                   name="discount" 
-                  value="2" 
-                  checked={selectedTicketId === "2"} 
+                  value="홍대생 할인"
+                  checked={selectedTicketName === "홍대생 할인"}
                   onChange={handleDiscountChange} /> 지인 할인
               </Option>
             </Options>

src/components/buy/Step3.jsx

@@ -15,7 +15,7 @@ const Step3 = () => {
   const {amateurId} = useParams();
   const navigate = useNavigate();
     const location = useLocation();
-    const { peopleCount = 1, selectedTicketId = '1' } = location.state || {};
+    const { peopleCount = 1, selectedTicketName="일반 예매" } = location.state || {};
 
   const url = `/tickets/${amateurId}/ticketInfo`;
   const { data, error, loading } = useCustomFetch(url, {
@@ -32,9 +32,7 @@ const Step3 = () => {
   const memberInfo = data.result.reserveConfirmMemberDTO;
 
   // 선택된 티켓 정보 찾기
-  const selectedTicket = ticketInfo.tickets.find(
-    (ticket) => ticket.amateurTicketId === selectedTicketId
-  );
+  const selectedTicket = ticketInfo.tickets.find(ticket => ticket.ticketName === selectedTicketName);
   const ticketPrice = selectedTicket ? selectedTicket.price : 0;
   // 총 결제 금액 계산
   const totalAmount = ticketPrice * peopleCount;
@@ -43,7 +41,7 @@ const Step3 = () => {
     navigate('../step4', {
       state: {
         peopleCount,
-        selectedTicketId,
+        selectedTicketName,
         ticketInfo,
       },
     });

src/components/buy/Step4.jsx

@@ -13,7 +13,7 @@ const Step4 = () => {
   const [isSubmitting, setIsSubmitting] = useState(false);
   const isButtonActive = accountName.trim().length > 0;  
   const location = useLocation();
-  const { peopleCount, selectedTicketId,ticketInfo } = location.state || {};
+  const { peopleCount, selectedTicketName="일반 예매",ticketInfo } = location.state || {};
 
   const handleSubmit = async () => {
     if (!isButtonActive || isSubmitting) return;
@@ -51,9 +51,7 @@ const Step4 = () => {
     }
   };
     // 선택된 티켓 정보 찾기
-    const selectedTicket = ticketInfo.tickets.find(
-      (ticket) => ticket.amateurTicketId === selectedTicketId
-    );
+    const selectedTicket = ticketInfo.tickets.find(ticket => ticket.ticketName === selectedTicketName);
     const ticketPrice = selectedTicket ? selectedTicket.price : 0;
     // 총 결제 금액 계산
     const totalAmount = ticketPrice * peopleCount;