more

src/Components/SignupPage/SignupPage.js

@@ -40,7 +40,7 @@ const SignupPage = () => {
   const [showSelectPlan, setShowSelectPlan] = useState(false);
   const [activeRadioOption, setActiveRadioOption] = useState("monthlyBasic");
   const [selectedPlan, setSelectedPlan] = useState({});
-  const [isAnnualBilling, setIsAnnualBilling] = useState(false);
+  const [isAnnual, setIsAnnual] = useState(false);
   // Could also go in App.js if needed in the future
   const stripe = new Stripe(stripeApiKey);
 
@@ -179,8 +179,8 @@ const SignupPage = () => {
   };
 
   const handleToggle = () => {
-    setIsAnnualBilling(!isAnnualBilling);
-    console.log("isAnnualBilling", isAnnualBilling);
+    setIsAnnual(!isAnnual);
+    console.log("isAnnual", isAnnual);
   };
 
   async function handleStripeAuthorization(
@@ -213,6 +213,7 @@ const SignupPage = () => {
         },
         body: JSON.stringify({
           type: "monthly",
+          isAnnual: isAnnual,
           customerData: {
             email: customerDataValues.email,
             name:
@@ -416,7 +417,7 @@ const SignupPage = () => {
                     details={option.details}
                     activeRadioOption={activeRadioOption}
                     price={option.pricing}
-                    isAnnualBilling={isAnnualBilling}
+                    isAnnual={isAnnual}
                   />
                 </div>
               ))}