From c26bb7150850098a40d8c8e30ddb79a7309936f1 Mon Sep 17 00:00:00 2001
From: Arpitkumar Chaudhari <arpit@appcheck.in>
Date: Wed, 11 Aug 2021 08:53:49 +0530
Subject: [PATCH] #446

---
 .../pages/CreateTaasPayment/PaymentForm/index.jsx             | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/routes/CreateNewTeam/pages/CreateTaasPayment/PaymentForm/index.jsx b/src/routes/CreateNewTeam/pages/CreateTaasPayment/PaymentForm/index.jsx
index 323510c..7c6e191 100644
--- a/src/routes/CreateNewTeam/pages/CreateTaasPayment/PaymentForm/index.jsx
+++ b/src/routes/CreateNewTeam/pages/CreateTaasPayment/PaymentForm/index.jsx
@@ -52,6 +52,7 @@ const PaymentForm = ({ calculatedAmount }) => {
   const [processing, setProcessing] = useState(false);
   const [requestLoading, setRequestLoading] = useState(false);
   const [errors, setErrors] = useState({});
+  const [clicked, setClicked] = useState(true);
   const stripe = useStripe();
   const elements = useElements();
   const dispatch = useDispatch();
@@ -96,7 +97,8 @@ const PaymentForm = ({ calculatedAmount }) => {
   };
   const handleFormSubmit = async (e) => {
     e.preventDefault();
-    if (formIsValid()) {
+    if (formIsValid() && clicked) {
+      setClicked(false);
       setProcessing(true);
       postTeamPayment({ totalAmount: calculatedAmount })
         .then(async (res) => {