kjannette/ax3Client
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

more

Browse Source
This commit is contained in:
Kenneth Jannette
2024-02-05 16:40:28 -06:00
parent 8ff3dd8689
commit 60f2a30fa5
2 changed files with 94 additions and 68 deletions
Download Patch File Download Diff File Expand all files Collapse all files

160
src/Components/SignupPage/SignupPage.js
View File

@@ -525,82 +525,110 @@ const SignupPage = () => {
</div> </div>
</div> </div>
</div> </div>
<div className="select-sub-left"> <div className="radio-group-box">
<div className="radio-group-box"> {signupRadioFields?.map((option, index) => (
{signupRadioFields?.map((option, index) => ( <div className="signup-radio-container">
<div className="signup-radio-container"> <Radio
<Radio onClick={handleChangeRadioInput}
onClick={handleChangeRadioInput} value={option.value}
value={option.value} name={option.name}
name={option.name} description={option.description}
description={option.description} details={option.details}
details={option.details} activeRadioOption={activeRadioOption}
activeRadioOption={activeRadioOption} price={option.pricing}
price={option.pricing} isAnnual={isAnnual}
isAnnual={isAnnual} isUpgrade={index < disableIndex ? true : false}
isUpgrade={index < disableIndex ? true : false} disabled={index < disableIndex ? true : false}
disabled={index < disableIndex ? true : false} currentPlan={currentPlan}
currentPlan={currentPlan} parentIndex={index}
parentIndex={index} />
/> </div>
))}
</div>
{showAddAccount && !isBusy ? (
<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">
User profiles will be setup later
</p>
</div> </div>
))} <div className="signup-select-wrapper">
</div> <div className="signup-select-box">
{showAddAccount && !isBusy ? ( <select
<div className="show-addaccount-wrapper"> id="accountNo"
<div className="show-addaccount-container"> className={`form-select`}
<div className="plan-header-right-lower"> value={numberOfAccountsToAdd}
<h5 className="signup-button-wrapper-text"> name={"addAccountsSelect"}
Add additional accounts onChange={(e) =>
</h5> handleChangeAccountSelect(e, "addAccountsSelect")
<p className="signup-accounts-info"> }
User profiles will be setup later >
</p> <option
</div> id="ddlProducts"
<div className="signup-select-wrapper"> className={`select-option`}
<div className="signup-select-box"> value=""
<select ></option>
id="accountNo" {selectAdditionalAccountValues.map((item, i) => (
className={`form-select`}
value={numberOfAccountsToAdd}
name={"addAccountsSelect"}
onChange={(e) =>
handleChangeAccountSelect(e, "addAccountsSelect")
}
>
<option <option
id="ddlProducts" id="ddlProducts"
className={`select-option`} className={`select-option`}
value="" key={`item${i}`}
></option> >
{selectAdditionalAccountValues.map((item, i) => ( {item}
<option </option>
id="ddlProducts" ))}
className={`select-option`} </select>
key={`item${i}`}
>
{item}
</option>
))}
</select>
</div>
</div> </div>
<div className="details-button-box"> </div>
<div className="details-button-box">
<Button
className="secondary-button back-button"
onClick={handleCancelAdd}
labelText="Cancel"
/>
<div className="upload-button-box">
<Button <Button
className="secondary-button back-button" className="p-2 mr-2 primary-button signup-proceed-btn"
onClick={handleCancelAdd} onClick={handleAdd}
labelText="Cancel" labelText="Add And Proceed To Payment"
/> />
<div className="upload-button-box">
<Button
className="p-2 mr-2 primary-button signup-proceed-btn"
onClick={handleAdd}
labelText="Add And Proceed To Payment"
/>
</div>
</div> </div>
</div> </div>
</div> </div>
</div>
) : (
<></>
)}
<div className="signup-button-box">
{!showAddAccount && !isBusy ? (
<>
{showAddAccountBtn ? (
<Button
className="secondary-button cancel-add-account-btn"
type="button"
size="lg"
onClick={handleAddAccounts}
disabled={isBusy}
labelText="Add Account(s)"
style={{ marginTight: "12px;" }}
/>
) : (
<></>
)}
<Button
className="primary-button signup-proceed"
type="button"
size="lg"
onClick={handleProceedToPayment}
disabled={isBusy}
labelText="Proceed to Payment"
/>
</>
) : ( ) : (
<></> <></>
)} )}

2
src/styles/signup.scss
View File

@@ -126,7 +126,6 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
margin-top: 45px;
width: 100%; width: 100%;
} }
@@ -170,7 +169,6 @@
flex-wrap: wrap; flex-wrap: wrap;
padding: 6px; padding: 6px;
width: 100%; width: 100%;
height: 340px;
} }
.select-plan-summary-box { .select-plan-summary-box {