Merge pull request #50 from kjannette/stripe6

Stripe6

src/Components/Modals/PaymentModal.js

@@ -17,9 +17,11 @@ const PaymentModal = ({
   handleSignUp,
   setShowPaymentModal,
   handleSignup,
+  selectedPlan,
+  isAnnual,
 }) => {
   const fieldsChunkSize = 2;
-
+  console.log("***", selectedPlan, isAnnual);
   return (
     <Modal show="true" size="lg">
       <Modal.Header closeButton>

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) => {
+    const tempPlan = signupRadioFields.filter((plan) => {
-      return field.value === value;
+      if (plan.value === value) {
+        return plan;
+      }
     });
 
     setSelectedPlan(tempPlan);
-    const temp = value;
+    setActiveRadioOption(tempPlan[0].value);
-    setActiveRadioOption(temp);
   };
 
   const validateData = () => {
@@ -450,6 +451,8 @@ const SignupPage = () => {
           modalText={modalText}
           notice={notice}
           setNotice={setNotice}
+          selectedPlan={selectedPlan}
+          isAnnual={isAnnual}
         />
       ) : (
         <></>

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: [

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 {