more

src/Components/Modals/PaymentModal.js

@@ -52,11 +52,11 @@ const PaymentModal = ({
   const totalToday = amountToday + extraAccountsPrice;
 
   const handleSignupClick = () => {
-    paymentfields.forEach((field) => {
-      console.log("field", field);
-    });
+    console.log("----------------------------_>selectedPlan", selectedPlan);
+    console.log("----------------------------_>selectedPlan", selectedPlan);
     handleSignup();
   };
+
   return (
     <Modal show="true" size="lg">
       <Modal.Header className="payment-modal-header" closeButton>

src/Components/SignupPage/SignupPage.js

@@ -146,6 +146,10 @@ const SignupPage = () => {
 
   const validatePaymentData = () => {
     const newPaymentData = getValidatedFormData(paymentData, paymentfields);
+    console.log(
+      "````````````````````````````````````````newPaymentData",
+      newPaymentData
+    );
     const hasErrors = isFormDataHasErrors(newPaymentData);
     setPaymentData(newPaymentData);
     return hasErrors ? null : objectMap(({ value }) => value, newPaymentData);
@@ -275,7 +279,6 @@ const SignupPage = () => {
   };
 
   const handleAdd = () => {
-    //add accounts, close section
     setShowAddAccount(!showAddAccount);
     setShowPaymentModal(true);
   };
@@ -382,8 +385,6 @@ const SignupPage = () => {
   // ******************** END STRIPE PAYMENT API CALL ******************** //
 
   const handleSignup = async (e) => {
-    e.preventDefault();
-
     const paymentDataValues = validatePaymentData();
     if (paymentDataValues === null) {
       return;
@@ -625,6 +626,9 @@ const SignupPage = () => {
               <h5 className="signup-subheader-text">
                 Select a subscription plan
               </h5>
+              <p className="subscribe-header-sub">
+                ← Click left/right for more options →
+              </p>
             </div>
             <div className="plan-header-left">
               <div className="select-toggle-box">

src/pageElements/Radio.js

@@ -22,7 +22,7 @@ const Radio = (props) => {
   const index = isAnnual === 1 ? Number("1") : Number("0");
 
   const upgradeClass = isUpgrade ? "upgrade" : "not-upgrade";
-
+  console.log("activeRadioOption", activeRadioOption);
   return (
     <div className="radio-container">
       <div className="radio-option-container" key={name}>

src/styles/signup.scss

@@ -86,7 +86,7 @@
 .select-plan-header {
   display: flex;
   flex-direction: row;
-  height: 55px;
+  height: 70px;
   width: 830px;
   margin-bottom: 10px;
 }
@@ -96,6 +96,16 @@
   width: 50%;
 }
 
+.plan-header-right > h5 {
+  margin-bottom: 4px !important;
+}
+
+.subscribe-header-sub {
+  margin-left: 14px;
+  font-size: 0.86rem;
+  font-weight: 300;
+}
+
 .plan-header-right-lower {
   display: flex;
   flex-direction: column;