more

src/Components/SignupPage/SignupPage.js

@@ -49,8 +49,10 @@ const SignupPage = () => {
       ? process.env.REACT_APP_API_DEV
       : process.env.REACT_APP_API_PROD;
   const [showAddAccount, setShowAddAccount] = useState(false);
+  const [numberOfAccountsToAdd, setNumberOfAccountsToAdd] = useState();
   const modalText = "MAYBE PUT TOTAL HERE";
   const selectValues = [1, 2, 3, 4, 5, 6, 7, 8];
+
   const handleChangeInput = (e, name) => {
     const newData = handleFormDataChange(e, name, data, signupFields);
     if (newData !== null) {
@@ -58,6 +60,12 @@ const SignupPage = () => {
     }
   };
 
+  const handleChangeAccountSelect = (e, name) => {
+    console.log("e, name", e, name);
+    const num = e.target.value;
+    setNumberOfAccountsToAdd(num);
+  };
+
   const handleChangePaymentInput = (e, name) => {
     const newPaymentData = handleFormDataChange(
       e,
@@ -196,6 +204,8 @@ const SignupPage = () => {
     //add accounts, close sectin
     setShowAddAccount(!showAddAccount);
   };
+
+  //STRIPE AUTH **********************************************************************
   async function handleStripeAuthorization(
     user,
     paymentDataValues,
@@ -455,9 +465,11 @@ const SignupPage = () => {
                   <select
                     id="accountNo"
                     className={`form-select`}
-                    value={"value"}
+                    value={numberOfAccountsToAdd}
-                    name={"name"}
+                    name={"addAccountsSelect"}
-                    onChange={"dd"}
+                    onChange={(e) =>
+                      handleChangeAccountSelect(e, "addAccountsSelect")
+                    }
                   >
                     <option
                       id="ddlProducts"