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-01-28 15:42:29 -06:00
parent 57de767624
commit 6f060639a1
3 changed files with 12 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/Components/Modals/PaymentModal.js
View File

@@ -21,22 +21,16 @@ const PaymentModal = ({
isAnnual, isAnnual,
fieldsChunkSize, fieldsChunkSize,
}) => { }) => {
console.log("orderSummary", orderSummary); const planName = selectedPlan[0].name ? selectedPlan[0].name : null;
let price;
if (orderSummary?.plan?.pricing[0].amount) {
console.log(orderSummary?.plan?.pricing[0]);
}
//? orderSummary?.plan?.pricing[1].amount
//: orderSummary?.plan?.pricing[0].amount;
const planName = "orderSummary.plan.name;";
return ( return (
<Modal show="true" size="lg"> <Modal show="true" size="lg">
<Modal.Header closeButton> <Modal.Header className="payment-modal-header" closeButton>
<Modal.Title>Enter Payment Information</Modal.Title> <Modal.Title>Enter Payment Information</Modal.Title>
</Modal.Header> </Modal.Header>
<Modal.Body> <Modal.Body>
<div className="payment-modal-text-wrapper"> <div className="payment-modal-text-wrapper">
Subrscription Type:{planName} <div className="paymodal-summary-right">Subscription Type:</div>
<div className="paymodal-summary-left">{planName}</div>
</div> </div>
<Form className="payment-form"> <Form className="payment-form">
{splitEvery(Object.keys(paymentfields), fieldsChunkSize).map( {splitEvery(Object.keys(paymentfields), fieldsChunkSize).map(

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

@@ -49,7 +49,6 @@ const SignupPage = () => {
: process.env.REACT_APP_API_PROD; : process.env.REACT_APP_API_PROD;
const [showAddAccount, setShowAddAccount] = useState(false); const [showAddAccount, setShowAddAccount] = useState(false);
const [numberOfAccountsToAdd, setNumberOfAccountsToAdd] = useState(); const [numberOfAccountsToAdd, setNumberOfAccountsToAdd] = useState();
const orderSummary = { plan: selectedPlan, price: 1 };
const handleChangeInput = (e, name) => { const handleChangeInput = (e, name) => {
const newData = handleFormDataChange(e, name, data, signupFields); const newData = handleFormDataChange(e, name, data, signupFields);
@@ -607,7 +606,6 @@ const SignupPage = () => {
setShowPaymentModal={setShowPaymentModal} setShowPaymentModal={setShowPaymentModal}
handleChangePaymentInput={handleChangePaymentInput} handleChangePaymentInput={handleChangePaymentInput}
handleSignup={handleSignup} handleSignup={handleSignup}
orderSummary={orderSummary}
notice={notice} notice={notice}
setNotice={setNotice} setNotice={setNotice}
selectedPlan={selectedPlan} selectedPlan={selectedPlan}

9
src/styles/modals.scss
View File

@@ -78,6 +78,13 @@
} }
.payment-modal-text-wrapper { .payment-modal-text-wrapper {
margin: 8px 0px 18px 0px; margin: 6px 0px 6px 0px;
padding-left: 4px; padding-left: 4px;
display: flex;
flex-direction: row;
justify-content: space-between;
}
.payment-modal-header {
padding-bottom: 4px !important;
} }