bug in stripe fixed

jitheshm · Aug 12, 2024 · ae73d9b · ae73d9b
1 parent fc35bc8
commit ae73d9b
Showing 1 changed file with 9 additions and 3 deletions.
diff --git a/frontend/src/components/Stripe/Checkout.tsx b/frontend/src/components/Stripe/Checkout.tsx
@@ -17,6 +17,7 @@ export default function CheckoutForm({ clientSecret }: CheckoutFormProps) {
 
   const [message, setMessage] = useState<string | null>(null);
   const [isLoading, setIsLoading] = useState<boolean>(false);
+  const [attempt, setAttempt] = useState<number>(0);
 
   useEffect(() => {
     if (!stripe) {
@@ -37,8 +38,13 @@ export default function CheckoutForm({ clientSecret }: CheckoutFormProps) {
           setMessage("Your payment is processing.");
           break;
         case "requires_payment_method":
-          console.log(paymentIntent);
-          setMessage("Your payment was not successful, please try again.");
+          {
+            console.log(paymentIntent);
+            if (attempt > 0) {
+              setMessage("Your payment was not successful, please try again.");
+            }
+            setAttempt(attempt + 1);
+          }
           break;
         default:
           setMessage("Something went wrong.");
@@ -72,7 +78,7 @@ export default function CheckoutForm({ clientSecret }: CheckoutFormProps) {
     setIsLoading(false);
   };
 
-  const paymentElementOptions:StripePaymentElementOptions = {
+  const paymentElementOptions: StripePaymentElementOptions = {
     layout: "tabs"
   }