more

src/Components/SignupPage/SignupPage.js

@@ -184,6 +184,9 @@ const SignupPage = () => {
     setIsAnnual(!isAnnual);
     console.log("isAnnual", isAnnual);
   };
+  const handleAddAccounts = () => {
+    setShowAddAccount(!showAddAccount);
+  };
 
   async function handleStripeAuthorization(
     user,
@@ -441,14 +444,19 @@ const SignupPage = () => {
               <></>
             )}
             <div className="signup-button-box">
-              <Button
+              {!showAddAccount ? (
-                className="primary-button signup-proceed"
+                <Button
-                type="button"
+                  className="secondary-button"
-                size="lg"
+                  type="button"
-                onClick={() => setShowAddAccount(!showAddAccount)}
+                  size="lg"
-                disabled={isBusy}
+                  onClick={handleAddAccounts}
-                labelText="Add Account(s)"
+                  disabled={isBusy}
-              />
+                  labelText="Add Account(s)"
+                />
+              ) : (
+                <></>
+              )}
+
               <Button
                 className="primary-button signup-proceed"
                 type="button"

src/styles/signup.scss

@@ -56,8 +56,8 @@
   width: 100%;
   margin-bottom: 24px;
   display: flex;
-  flex-direction: column;
+  flex-direction: row;
-  align-items: flex-end;
+  justify-content: flex-end;
   padding-right: 14px;
 }