diff --git a/src/Components/Modals/PaymentModal.js b/src/Components/Modals/PaymentModal.js index dd0ca73..577aadd 100644 --- a/src/Components/Modals/PaymentModal.js +++ b/src/Components/Modals/PaymentModal.js @@ -21,22 +21,16 @@ const PaymentModal = ({ isAnnual, fieldsChunkSize, }) => { - console.log("orderSummary", orderSummary); - 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;"; + const planName = selectedPlan[0].name ? selectedPlan[0].name : null; return ( - + Enter Payment Information
- Subrscription Type:{planName} +
Subscription Type:
+
{planName}
{splitEvery(Object.keys(paymentfields), fieldsChunkSize).map( diff --git a/src/Components/SignupPage/SignupPage.js b/src/Components/SignupPage/SignupPage.js index 5bf4ed8..d00985c 100644 --- a/src/Components/SignupPage/SignupPage.js +++ b/src/Components/SignupPage/SignupPage.js @@ -49,7 +49,6 @@ const SignupPage = () => { : process.env.REACT_APP_API_PROD; const [showAddAccount, setShowAddAccount] = useState(false); const [numberOfAccountsToAdd, setNumberOfAccountsToAdd] = useState(); - const orderSummary = { plan: selectedPlan, price: 1 }; const handleChangeInput = (e, name) => { const newData = handleFormDataChange(e, name, data, signupFields); @@ -607,7 +606,6 @@ const SignupPage = () => { setShowPaymentModal={setShowPaymentModal} handleChangePaymentInput={handleChangePaymentInput} handleSignup={handleSignup} - orderSummary={orderSummary} notice={notice} setNotice={setNotice} selectedPlan={selectedPlan} diff --git a/src/styles/modals.scss b/src/styles/modals.scss index fcdcad9..8b4cd48 100644 --- a/src/styles/modals.scss +++ b/src/styles/modals.scss @@ -78,6 +78,13 @@ } .payment-modal-text-wrapper { - margin: 8px 0px 18px 0px; + margin: 6px 0px 6px 0px; padding-left: 4px; + display: flex; + flex-direction: row; + justify-content: space-between; +} + +.payment-modal-header { + padding-bottom: 4px !important; }