From c6fe5b4ff1150b6a1ec35fd174e591ccd6e2c525 Mon Sep 17 00:00:00 2001
From: Bega Jumayev <begmuhommet.jumayev@gmail.com>
Date: Tue, 21 Nov 2023 03:13:30 +0000
Subject: [PATCH] Draft: Preview stripe payment

---
 src/components/PaymentPage/methods/Stripe/CheckoutForm.tsx | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/src/components/PaymentPage/methods/Stripe/CheckoutForm.tsx b/src/components/PaymentPage/methods/Stripe/CheckoutForm.tsx
index ddbfebf..305ceae 100644
--- a/src/components/PaymentPage/methods/Stripe/CheckoutForm.tsx
+++ b/src/components/PaymentPage/methods/Stripe/CheckoutForm.tsx
@@ -1,5 +1,6 @@
 import MainButton from "@/components/MainButton";
 import Title from "@/components/Title";
+import routes from "@/routes";
 import { actions } from "@/store";
 import {
   PaymentElement,
@@ -8,6 +9,7 @@ import {
 } from "@stripe/react-stripe-js";
 import { useState } from "react";
 import { useDispatch } from "react-redux";
+import { useNavigate } from "react-router-dom";
 
 interface ICheckoutFormProps {
   children?: JSX.Element | null;
@@ -17,6 +19,7 @@ export default function CheckoutForm({ children }: ICheckoutFormProps) {
   const stripe = useStripe();
   const elements = useElements();
   const dispatch = useDispatch();
+  const navigate = useNavigate();
 
   const [message, setMessage] = useState("");
   const [isProcessing, setIsProcessing] = useState(false);
@@ -43,6 +46,7 @@ export default function CheckoutForm({ children }: ICheckoutFormProps) {
         setMessage(error?.message || "Oops! Something went wrong.");
       } else {
         dispatch(actions.status.update("subscribed"));
+        navigate(routes.client.paymentSuccess());
       }
     } catch(error) {
       console.log('error -> ', error);