diff --git a/src/Components/Modals/PaymentModal.js b/src/Components/Modals/PaymentModal.js index 7ef7cf9..a50c9f2 100644 --- a/src/Components/Modals/PaymentModal.js +++ b/src/Components/Modals/PaymentModal.js @@ -17,9 +17,11 @@ const PaymentModal = ({ handleSignUp, setShowPaymentModal, handleSignup, + selectedPlan, + isAnnual, }) => { const fieldsChunkSize = 2; - + console.log("***", selectedPlan, isAnnual); return ( diff --git a/src/Components/SignupPage/SignupPage.js b/src/Components/SignupPage/SignupPage.js index 757c2aa..f292e01 100644 --- a/src/Components/SignupPage/SignupPage.js +++ b/src/Components/SignupPage/SignupPage.js @@ -39,7 +39,7 @@ const SignupPage = () => { ); const [showPaymentModal, setShowPaymentModal] = useState(false); const [showSelectPlan, setShowSelectPlan] = useState(false); - const [activeRadioOption, setActiveRadioOption] = useState("Partner"); + const [activeRadioOption, setActiveRadioOption] = useState("partner"); const [selectedPlan, setSelectedPlan] = useState({}); const [isAnnual, setIsAnnual] = useState(false); // Could also go in App.js if needed in the future @@ -49,7 +49,7 @@ const SignupPage = () => { process.env.NODE_ENV === "development" ? process.env.REACT_APP_API_DEV : process.env.REACT_APP_API_PROD; - + const [selectedPlanToProcess, setSelectedPlanToProcess] = useState(); const modalText = "MAYBE PUT TOTAL HERE"; const handleChangeInput = (e, name) => { @@ -72,13 +72,14 @@ const SignupPage = () => { }; const handleChangeRadioInput = (value) => { - const tempPlan = signupRadioFields.filter((field) => { - return field.value === value; + const tempPlan = signupRadioFields.filter((plan) => { + if (plan.value === value) { + return plan; + } }); setSelectedPlan(tempPlan); - const temp = value; - setActiveRadioOption(temp); + setActiveRadioOption(tempPlan[0].value); }; const validateData = () => { @@ -450,6 +451,8 @@ const SignupPage = () => { modalText={modalText} notice={notice} setNotice={setNotice} + selectedPlan={selectedPlan} + isAnnual={isAnnual} /> ) : ( <> diff --git a/src/Constants/Fields/RadioFields.js b/src/Constants/Fields/RadioFields.js index 7934e01..8ab2bec 100644 --- a/src/Constants/Fields/RadioFields.js +++ b/src/Constants/Fields/RadioFields.js @@ -38,7 +38,7 @@ export const signupRadioFields = [ description: [ "Unlimited documents.", "Triage-level support", - "Up to 10 additional accounts at $39/each", + "Up to 8 additional accounts at $39/each", ], details: "", pricing: [ diff --git a/src/styles/signup.scss b/src/styles/signup.scss index d5d63c5..a43234f 100644 --- a/src/styles/signup.scss +++ b/src/styles/signup.scss @@ -50,6 +50,7 @@ display: flex; flex-direction: column; align-items: flex-end; + padding-right: 14px; } .signup-proceed { @@ -136,7 +137,7 @@ flex-direction: row; padding: 6px; width: 100%; - height: 400px; + height: 340px; } .select-plan-summary-box {