From 434280d3e4bfb2335ebf6508c15a9a77c7b07bbe Mon Sep 17 00:00:00 2001
From: Kenneth Jannette <sj@sjdev.co>
Date: Fri, 23 Feb 2024 17:55:37 -0600
Subject: [PATCH] more

---
 src/Components/Modals/PaymentModal.js   |  6 +++---
 src/Components/SignupPage/SignupPage.js | 10 +++++++---
 src/pageElements/Radio.js               |  2 +-
 src/styles/signup.scss                  | 12 +++++++++++-
 4 files changed, 22 insertions(+), 8 deletions(-)

diff --git a/src/Components/Modals/PaymentModal.js b/src/Components/Modals/PaymentModal.js
index 79efdcd..3fa46ed 100644
--- a/src/Components/Modals/PaymentModal.js
+++ b/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>
diff --git a/src/Components/SignupPage/SignupPage.js b/src/Components/SignupPage/SignupPage.js
index 99d1fb7..d463a68 100644
--- a/src/Components/SignupPage/SignupPage.js
+++ b/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">
diff --git a/src/pageElements/Radio.js b/src/pageElements/Radio.js
index 59d6b71..55990e6 100644
--- a/src/pageElements/Radio.js
+++ b/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}>
diff --git a/src/styles/signup.scss b/src/styles/signup.scss
index 464d299..655bfa7 100644
--- a/src/styles/signup.scss
+++ b/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;