This commit is contained in:
Kenneth Jannette
2024-01-28 17:30:38 -06:00
parent 66851fbfd3
commit 5b9a9d5d8b
4 changed files with 65 additions and 53 deletions

View File

@@ -374,8 +374,8 @@ const SignupPage = () => {
const showNoticeOnPage = "" !== notice && !showPaymentModal;
const addAccountCopy =
selectedPlan[0]?.value === "seniorPartner"
? "Add up to eight additional accounts to your subscripton"
: "Add up to two additional accounts to your subscripton";
? "Add up to eight"
: "Add up to two";
const showAddAccountBtn =
selectedPlan[0].value === "seniorPartner" ||
selectedPlan[0].value === "partner";
@@ -506,59 +506,60 @@ const SignupPage = () => {
))}
</div>
{showAddAccount ? (
<div className="show-addaccount-container">
{" "}
<div className="plan-header-right-lower">
<h5 className="signup-button-wrapper-text">
Add additional accounts
</h5>
<p className="signup-accounts-info">
account username(s) and access will be setup later
</p>
</div>
<div className="signup-select-wrapper">
<div className="add-account-copy-wrapper">
<div className="add-acctwrapz">{addAccountCopy}</div>
<div className="show-addaccount-wrapper">
<div className="show-addaccount-container">
<div className="plan-header-right-lower">
<h5 className="signup-button-wrapper-text">
Add additional accounts
</h5>
<p className="signup-accounts-info">
Username(s) and access will be setup later
</p>
</div>
<div className="signup-select-box">
<select
id="accountNo"
className={`form-select`}
value={numberOfAccountsToAdd}
name={"addAccountsSelect"}
onChange={(e) =>
handleChangeAccountSelect(e, "addAccountsSelect")
}
>
<option
id="ddlProducts"
className={`select-option`}
value=""
></option>
{selectAdditionalAccountValues.map((item, i) => (
<div className="signup-select-wrapper">
<div className="add-account-copy-wrapper">
<div className="add-acctwrapz">{addAccountCopy}</div>
</div>
<div className="signup-select-box">
<select
id="accountNo"
className={`form-select`}
value={numberOfAccountsToAdd}
name={"addAccountsSelect"}
onChange={(e) =>
handleChangeAccountSelect(e, "addAccountsSelect")
}
>
<option
id="ddlProducts"
className={`select-option`}
key={`item${i}`}
>
{item}
</option>
))}
</select>
value=""
></option>
{selectAdditionalAccountValues.map((item, i) => (
<option
id="ddlProducts"
className={`select-option`}
key={`item${i}`}
>
{item}
</option>
))}
</select>
</div>
</div>
</div>
<div className="details-button-box">
<Button
className="secondary-button back-button"
onClick={handleCancelAdd}
labelText="Cancel"
/>
<div className="upload-button-box">
<div className="details-button-box">
<Button
className="p-2 mr-2 primary-button"
onClick={handleAdd}
labelText="Add And Proceed To Payment"
className="secondary-button back-button"
onClick={handleCancelAdd}
labelText="Cancel"
/>
<div className="upload-button-box">
<Button
className="p-2 mr-2 primary-button"
onClick={handleAdd}
labelText="Add And Proceed To Payment"
/>
</div>
</div>
</div>
</div>