From 7cd03d6bdcf50da5db2b75aaecb560f9083d61a5 Mon Sep 17 00:00:00 2001
From: Kenneth Jannette <sj@sjdev.co>
Date: Sat, 27 Jan 2024 13:15:09 -0600
Subject: [PATCH] more

---
 src/Components/SignupPage/SignupPage.js | 9 +++++----
 src/pageElements/Radio.js               | 7 +++----
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/Components/SignupPage/SignupPage.js b/src/Components/SignupPage/SignupPage.js
index f808b42..5d916ba 100644
--- a/src/Components/SignupPage/SignupPage.js
+++ b/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>
               ))}
diff --git a/src/pageElements/Radio.js b/src/pageElements/Radio.js
index e1bc164..0491cda 100644
--- a/src/pageElements/Radio.js
+++ b/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}>