more

src/Components/SignupPage/SignupPage.js

@@ -33,7 +33,7 @@ const SignupPage = () => {
   const [isBusy, setIsBusy] = useState(false);
   const [data, setData] = useState(getFormDataDefaults(signupfields));
   const [paymentdata, setPaymentdata] = useState(
-    getFormDataDefaults(signupfields)
+    getFormDataDefaults(paymentfields)
   );
   const [showPaymentModal, setShowPaymentModal] = useState(false);
 
@@ -47,7 +47,7 @@ const SignupPage = () => {
   const handleChangePaymentInput = (e, name) => {
     const newData = handleFormDataChange(e, name, data, signupfields);
     if (newData !== null) {
-      setData(newData);
+      setPaymentdata(newData);
     }
   };
 
@@ -184,6 +184,7 @@ const SignupPage = () => {
       <Row key={`row${j}`}>
         {names.map((name, i) => (
           <Col key={`${name}${i + fieldsChunkSize * j}`} className="mb-3">
+            {console.log("data", data)}
             <TextInput
               name={name}
               value={data[name].value}
@@ -278,11 +279,11 @@ const SignupPage = () => {
           onCancel={handleCancel}
           handleChangePaymentInput={handleChangePaymentInput}
           handleSignup={handleSignup}
-          paymentdata={paymentdata}
           paymentfields={paymentfields}
           setPaymentdata={setPaymentdata}
+          paymentdata={paymentdata}
           buttonLabelText="Signup"
-          modalText="Please enter payment information"
+          modalText="Annual/Monthly option description"
         />
       ) : null}
     </div>