more

src/Components/SignupPage/SignupPage.js

@@ -44,7 +44,6 @@ const SignupPage = () => {
   const [isAnnual, setIsAnnual] = useState(false);
   // Could also go in App.js if needed in the future
   const stripe = new Stripe(stripeApiKey);
-  console.log("activeRadioOption", activeRadioOption);
   const apiUrl =
     process.env.NODE_ENV === "development"
       ? process.env.REACT_APP_API_DEV
@@ -185,6 +184,7 @@ const SignupPage = () => {
     console.log("isAnnual", isAnnual);
   };
   const handleAddAccounts = () => {
+    console.log("selectedPlan", selectedPlan);
     setShowAddAccount(!showAddAccount);
   };
 
@@ -192,6 +192,10 @@ const SignupPage = () => {
     setShowAddAccount(!showAddAccount);
   };
 
+  const handleAdd = () => {
+    //add accounts, close sectin
+    setShowAddAccount(!showAddAccount);
+  };
   async function handleStripeAuthorization(
     user,
     paymentDataValues,
@@ -443,6 +447,7 @@ const SignupPage = () => {
                     account username(s) and access will be setup later
                   </p>
                 </div>
+                <div className="add-accounts-input-box"></div>
                 <div className="details-button-box">
                   <Button
                     className="secondary-button back-button"
@@ -452,8 +457,8 @@ const SignupPage = () => {
                   <div className="upload-button-box">
                     <Button
                       className="p-2 mr-2 primary-button"
-                      onClick={() => setShowUploadModal(true)}
-                      labelText="Upload Document"
+                      onClick={handleAdd}
+                      labelText="Add And Proceed to Payment"
                     />
                   </div>
                 </div>
@@ -474,14 +479,18 @@ const SignupPage = () => {
               ) : (
                 <></>
               )}
-              <Button
-                className="primary-button signup-proceed"
-                type="button"
-                size="lg"
-                onClick={handleProceedToPayment}
-                disabled={isBusy}
-                labelText="Proceed to Payment"
-              />
+              {!showAddAccount ? (
+                <Button
+                  className="primary-button signup-proceed"
+                  type="button"
+                  size="lg"
+                  onClick={handleProceedToPayment}
+                  disabled={isBusy}
+                  labelText="Proceed to Payment"
+                />
+              ) : (
+                <></>
+              )}
             </div>
           </div>
         </div>