more

src/Components/SignupPage/SignupPage.js

@@ -41,7 +41,7 @@ const SignupPage = () => {
   const [showSelectPlan, setShowSelectPlan] = useState(false);
   const [activeRadioOption, setActiveRadioOption] = useState("partner");
   const [selectedPlan, setSelectedPlan] = useState([signupRadioFields[1]]);
-  const [isAnnual, setIsAnnual] = useState(true);
+  const [isAnnual, setIsAnnual] = useState(1);
   const stripe = new Stripe(stripeApiKey);
   const apiUrl =
     process.env.NODE_ENV === "development"
@@ -213,19 +213,23 @@ const SignupPage = () => {
     if (isBusy) {
       return;
     }
-
+    /*
     const dataValues = validateUserData();
     if (dataValues === null) {
       return;
     }
 
     saveLeadData(dataValues);
-
+*/
     setShowSelectPlan(!showSelectPlan);
   };
 
-  const handleToggle = () => {
-    setIsAnnual(!isAnnual);
+  const handleToggle = (e) => {
+    if (isAnnual === e) {
+      return;
+    } else {
+      setIsAnnual(e);
+    }
   };
 
   const handleAddAccounts = () => {
@@ -236,7 +240,7 @@ const SignupPage = () => {
     setShowAddAccount(!showAddAccount);
   };
 
-  // ******************** STRIPE PAY API CALL ******************** //
+  // ******************** STRIPE PAYMENT API CALL ******************** //
   async function handleStripeAuthorization(
     paymentDataValues,
     customerDataValues
@@ -262,6 +266,7 @@ const SignupPage = () => {
     });
 
     const type = selectedPlan[0].value ? selectedPlan[0].value : null;
+    const tempAnnual = isAnnual === 1 ? true : false;
     try {
       const response = await fetch(`${apiUrl}/create-subscription`, {
         method: "POST",
@@ -271,7 +276,7 @@ const SignupPage = () => {
         body: JSON.stringify({
           planType: type,
           additionalAccounts: additionalAccounts,
-          isAnnual: isAnnual,
+          isAnnual: tempAnnual,
           customerData: {
             email: customerDataValues.email,
             name: `${customerDataValues.firstName} ${customerDataValues.lastName}`,
@@ -291,18 +296,10 @@ const SignupPage = () => {
       };
     } catch (error) {
       console.log(error);
-      error = true;
+      return error;
     }
-
-    if (error) {
-      return false;
-    }
-    return {
-      subscriptionId,
-      customerId,
-    };
   }
-  // ******************** END STRIPE PAY API CALL ******************** //
+  // ******************** END STRIPE PAYMENT API CALL ******************** //
 
   const handleSignup = async (e) => {
     e.preventDefault();
@@ -598,7 +595,7 @@ const SignupPage = () => {
           notice={notice}
           setNotice={setNotice}
           selectedPlan={selectedPlan}
-          isAnnual={isAnnual}
+          isAnnual={isAnnual === 1 ? true : false}
           numberOfAccountsToAdd={numberOfAccountsToAdd}
           fieldsChunkSize={2}
         />