more

src/Components/SignupPage/SignupPage.js

@@ -36,7 +36,7 @@ const SignupPage = () => {
   );
   const [showPaymentModal, setShowPaymentModal] = useState(false);
   const [showSelectPlan, setShowSelectPlan] = useState(true);
-  const [radioOption, setRadioOption] = useState();
+  const [activeRadioOption, setActiveRadioOption] = useState("monthlyBasic");
   const modalText = "Description of monthly and annual subscriptions";
 
   // this could also go in App.js if needed in the future
@@ -68,10 +68,12 @@ const SignupPage = () => {
     }
   };
 
-  const handleChangeRadioInput = (e, name) => {
-    console.log("name", name.label);
+  const handleChangeRadioInput = (name) => {
+    //console.log("name", name.label);
   };
-
+  signupRadioFields.map((option) => {
+    console.log(option.value);
+  });
   const validateData = () => {
     const newData = getValidatedFormData(data, signupFields);
     const hasErrors = isFormDataHasErrors(newData);
@@ -217,8 +219,6 @@ const SignupPage = () => {
       subscriptionId,
       customerId,
     };
-
-    return !error;
   }
 
   const handleSignup = async (e) => {
@@ -373,9 +373,15 @@ const SignupPage = () => {
               </h5>
             </div>
             <div className="radio-group-box">
-              {signupRadioFields?.map((radio, i) => {
-                console.log("radio", radio);
-              })}
+              {signupRadioFields?.map((option, i) => (
+                <Radio
+                  option={option.name}
+                  onClick={handleChangeRadioInput}
+                  value={option.value}
+                  name={option.name}
+                  activeRadioOption={activeRadioOption}
+                />
+              ))}
             </div>
           </div>
           <div className="select-sub-right">