🔧 Fix, 📝 Docs : 결제 취소 개선 및 yml 파일 수정

prgrms-web-devcourse-final-project · Dec 8, 2024 · 9ca93a4 · 9ca93a4
2 parents 39f30a7 + 10f1484
commit 9ca93a4
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/.github/workflows/deployment.yml b/.github/workflows/deployment.yml
@@ -29,7 +29,7 @@ jobs:
         run: |
           touch .env
           echo VITE_KAKAOMAP_APP_KEY=${{ secrets.VITE_KAKAOMAP_APP_KEY }} >> .env
-          echo VITE_APP_SERVER_URL=${{ secrets.VITE_APP_SERVER_URL }} >> .env
+          echo VITE_APP_SERVER_URL=https://recode.bumblebeestudy.shop >> .env
           echo VITE_APP_TOSS_CLIENT_KEY=${{ secrets.VITE_APP_TOSS_CLIENT_KEY }} >> .env
           cat .env
 

diff --git a/src/pages/PaymentPage/components/PaymentButton.tsx b/src/pages/PaymentPage/components/PaymentButton.tsx
@@ -9,6 +9,7 @@ import { postPaymentsToss, postReservation } from '@apis/reservation';
 import useSearchStore from '@store/searchStore';
 import { PostPaymentsData } from '@typings/types';
 import { toast } from 'react-toastify';
+import { useNavigate } from 'react-router-dom';
 import type {
   ReservationFormData,
   ErrorMessageType,
@@ -75,6 +76,8 @@ const PaymentButton = (props: PaymentButtonProps) => {
   const customerKey = uuidv4();
   const orderId = uuidv4();
 
+  const navigate = useNavigate();
+
   const handlePayment = async (response: PostPaymentsData): Promise<void> => {
     const tossPayments = await loadTossPayments(clientKey);
     const payment = tossPayments.payment({ customerKey });
@@ -103,6 +106,9 @@ const PaymentButton = (props: PaymentButtonProps) => {
       .catch((error) => {
         if (error.code === 'USER_CANCEL') {
           toast.error('유저가 결제를 취소했습니다');
+          navigate(
+            `/payment-fail?orderId=${response.orderId}&message=${error.message}&code=${error.code}`,
+          );
         } else {
           toast.error(error.message);
         }