@@ -32,13 +32,14 @@ const PaymentModal = ({
|
|||||||
const additionalAccountsAnnualPriceToday =
|
const additionalAccountsAnnualPriceToday =
|
||||||
additionalAccountsMonthlyPriceToday * 12;
|
additionalAccountsMonthlyPriceToday * 12;
|
||||||
|
|
||||||
const tempExtraAccountsPrice = isAnnual
|
console.log(
|
||||||
|
"additionalAccountsAnnualPriceToday",
|
||||||
|
additionalAccountsAnnualPriceToday
|
||||||
|
);
|
||||||
|
|
||||||
|
const extraAccountsPrice = isAnnual
|
||||||
? additionalAccountsAnnualPriceToday
|
? additionalAccountsAnnualPriceToday
|
||||||
: additionalAccountsMonthlyPriceToday;
|
: additionalAccountsMonthlyPriceToday;
|
||||||
const extraAccountsPrice =
|
|
||||||
tempExtraAccountsPrice === NaN || tempExtraAccountsPrice === undefined
|
|
||||||
? 0
|
|
||||||
: 0;
|
|
||||||
const showAdditionaLAccountsView =
|
const showAdditionaLAccountsView =
|
||||||
(selectedPlan[0]?.value === "partner" && numberOfAccountsToAdd > 0) ||
|
(selectedPlan[0]?.value === "partner" && numberOfAccountsToAdd > 0) ||
|
||||||
(selectedPlan[0]?.value === "seniorPartner" && numberOfAccountsToAdd > 0);
|
(selectedPlan[0]?.value === "seniorPartner" && numberOfAccountsToAdd > 0);
|
||||||
@@ -49,12 +50,11 @@ const PaymentModal = ({
|
|||||||
? annualSubscriptionPriceToday
|
? annualSubscriptionPriceToday
|
||||||
: monthlySubscriptionPriceToday;
|
: monthlySubscriptionPriceToday;
|
||||||
const totalToday = amountToday + extraAccountsPrice;
|
const totalToday = amountToday + extraAccountsPrice;
|
||||||
console.log("amoutnToday", amountToday);
|
|
||||||
console.log("extraAccountsPrice", extraAccountsPrice);
|
|
||||||
|
|
||||||
function handleValidateAndPay() {
|
function handleValidateAndPay() {
|
||||||
handleSignup(totalToday);
|
handleSignup(totalToday);
|
||||||
}
|
}
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<Modal show="true" size="lg">
|
<Modal show="true" size="lg">
|
||||||
<Modal.Header className="payment-modal-header" closeButton>
|
<Modal.Header className="payment-modal-header" closeButton>
|
||||||
@@ -160,21 +160,13 @@ const PaymentModal = ({
|
|||||||
export default PaymentModal;
|
export default PaymentModal;
|
||||||
|
|
||||||
/*
|
/*
|
||||||
|
const tempExtraAccountsPrice = isAnnual
|
||||||
{showAdditionaLAccountsView ? (
|
|
||||||
<div className="payment-modal-text-wrapper">
|
|
||||||
<div className="paymodal-summary-right">
|
|
||||||
Additional Accounts:
|
|
||||||
</div>
|
|
||||||
<div className="paymodal-summary-left">
|
|
||||||
{isAnnual
|
|
||||||
? additionalAccountsAnnualPriceToday
|
? additionalAccountsAnnualPriceToday
|
||||||
: additionalAccountsMonthlyPriceToday}
|
: additionalAccountsMonthlyPriceToday;
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
) : (
|
|
||||||
<></>
|
|
||||||
)}
|
|
||||||
|
|
||||||
|
const extraAccountsPrice =
|
||||||
|
tempExtraAccountsPrice === NaN || tempExtraAccountsPrice === undefined
|
||||||
|
? 0
|
||||||
|
: 0;
|
||||||
|
|
||||||
*/
|
*/
|
||||||
|
|||||||
@@ -58,12 +58,11 @@ const SignupPage = () => {
|
|||||||
};
|
};
|
||||||
|
|
||||||
const handleChangeAccountSelect = (e, name) => {
|
const handleChangeAccountSelect = (e, name) => {
|
||||||
console.log("~~~~~~~~~~~~~~e.target.value, name", e.target.value, name);
|
|
||||||
const num = e.target.value;
|
const num = e.target.value;
|
||||||
const temp = Number(num);
|
const temp = Number(num);
|
||||||
setNumberOfAccountsToAdd(temp);
|
setNumberOfAccountsToAdd(temp);
|
||||||
};
|
};
|
||||||
console.log("numberOfAccountsToAdd", numberOfAccountsToAdd);
|
|
||||||
const handleChangePaymentInput = (e, name) => {
|
const handleChangePaymentInput = (e, name) => {
|
||||||
const newPaymentData = handleFormDataChange(
|
const newPaymentData = handleFormDataChange(
|
||||||
e,
|
e,
|
||||||
@@ -84,7 +83,6 @@ const SignupPage = () => {
|
|||||||
});
|
});
|
||||||
|
|
||||||
setSelectedPlan(tempPlan);
|
setSelectedPlan(tempPlan);
|
||||||
console.log("selectedPlan", selectedPlan);
|
|
||||||
setActiveRadioOption(tempPlan[0].value);
|
setActiveRadioOption(tempPlan[0].value);
|
||||||
};
|
};
|
||||||
|
|
||||||
@@ -248,7 +246,6 @@ const SignupPage = () => {
|
|||||||
};
|
};
|
||||||
|
|
||||||
const handleAddAccounts = () => {
|
const handleAddAccounts = () => {
|
||||||
console.log("selectedPlan", selectedPlan);
|
|
||||||
setShowAddAccount(!showAddAccount);
|
setShowAddAccount(!showAddAccount);
|
||||||
};
|
};
|
||||||
|
|
||||||
@@ -341,6 +338,9 @@ const SignupPage = () => {
|
|||||||
setIsBusy(true);
|
setIsBusy(true);
|
||||||
|
|
||||||
if (paymentDataValues && dataValues) {
|
if (paymentDataValues && dataValues) {
|
||||||
|
console.log(
|
||||||
|
"tryblock ~~~ tryblock ~~~ tryblock ~~~ tryblock ~~~ tryblock ~~~ "
|
||||||
|
);
|
||||||
try {
|
try {
|
||||||
const userCredential = await createUserWithEmailAndPassword(
|
const userCredential = await createUserWithEmailAndPassword(
|
||||||
auth,
|
auth,
|
||||||
@@ -383,7 +383,6 @@ const SignupPage = () => {
|
|||||||
selectedPlan[0].value === "seniorPartner" ||
|
selectedPlan[0].value === "seniorPartner" ||
|
||||||
selectedPlan[0].value === "partner";
|
selectedPlan[0].value === "partner";
|
||||||
|
|
||||||
console.log("isAnnial on signup page", isAnnual);
|
|
||||||
return (
|
return (
|
||||||
<div className="signup-super-container">
|
<div className="signup-super-container">
|
||||||
<div className="signup-sub-container">
|
<div className="signup-sub-container">
|
||||||
@@ -555,7 +554,7 @@ const SignupPage = () => {
|
|||||||
/>
|
/>
|
||||||
<div className="upload-button-box">
|
<div className="upload-button-box">
|
||||||
<Button
|
<Button
|
||||||
className="p-2 mr-2 primary-button"
|
className="p-2 mr-2 primary-button signup-proceed-btn"
|
||||||
onClick={handleAdd}
|
onClick={handleAdd}
|
||||||
labelText="Add And Proceed To Payment"
|
labelText="Add And Proceed To Payment"
|
||||||
/>
|
/>
|
||||||
|
|||||||
@@ -268,3 +268,7 @@
|
|||||||
font-size: 0.82rem;
|
font-size: 0.82rem;
|
||||||
font-weight: 300;
|
font-weight: 300;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.signup-proceed-btn {
|
||||||
|
width: 240px;
|
||||||
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user