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>
               ))}

src/pageElements/Radio.js

@@ -2,7 +2,6 @@ import { CircleFill, Circle } from "react-bootstrap-icons";
 import "../styles/radio.scss";
 
 const Radio = (props) => {
-  console.log("hello");
   const {
     name,
     description,
@@ -12,12 +11,12 @@ const Radio = (props) => {
     disabled,
     activeRadioOption,
     details,
-    isAnnualBilling,
+    isAnnual,
   } = props;
   const classCheckbox = "checkbox";
   const classOption = "option";
-  const index = isAnnualBilling ? Number("0") : Number("1");
-  //
+  const index = isAnnual ? Number("0") : Number("1");
+
   return (
     <div className="radio-container">
       <div className="radio-option-container" key={name}>