more

src/Components/SignupPage/SignupPage.js

@@ -91,7 +91,8 @@ const SignupPage = () => {
     [1, 2, 3, 4, 5, 6, 7, 8],
     [1, 2],
   ];
-  const selectValues = selectedPlan === "partner" ? vals[1] : vals[0];
+
+  const selectValues = selectedPlan[0].value === "partner" ? vals[1] : vals[0];
   const validateData = () => {
     const newData = getValidatedFormData(data, signupFields);
     const hasErrors = isFormDataHasErrors(newData);
@@ -208,12 +209,15 @@ const SignupPage = () => {
     setShowAddAccount(!showAddAccount);
   };
 
-  //STRIPE AUTH **********************************************************************
+  //STRIPE PAYMRNT **********************************************************************
   async function handleStripeAuthorization(
     user,
     paymentDataValues,
     customerDataValues
   ) {
+    const additionalAccounts = numberOfAccountsToAdd
+      ? numberOfAccountsToAdd
+      : 0;
     let error = false;
     let subscriptionId = null;
     let customerId = null;
@@ -238,7 +242,8 @@ const SignupPage = () => {
           "Content-Type": "application/json",
         },
         body: JSON.stringify({
-          type: "monthly",
+          type: selectedPlan,
+          additionalAccounts: additionalAccounts,
           isAnnual: isAnnual,
           customerData: {
             email: customerDataValues.email,
@@ -325,8 +330,8 @@ const SignupPage = () => {
   const showNoticeOnPage = "" !== notice && !showPaymentModal;
   const addAccountCopy =
     selectedPlan[0].value === "seniorPartner"
-      ? "Add up to eight accounts for your Sentio Partner subscripton"
-      : "Add up to two additional accounts for your Sentio Partner subscripton";
+      ? "Add up to eight additional accounts to your subscripton"
+      : "Add up to two additional accounts to your subscripton";
 
   return (
     <div className="signup-super-container">
@@ -464,7 +469,9 @@ const SignupPage = () => {
                   </p>
                 </div>
                 <div className="signup-select-wrapper">
-                  <div>{}</div>
+                  <div className="add-account-copy-wrapper">
+                    <div className="add-acctwrapz">{addAccountCopy}</div>
+                  </div>
                   <div className="signup-select-box">
                     <select
                       id="accountNo"

src/styles/signup.scss

@@ -242,3 +242,13 @@
 .cancel-add-account-btn {
   margin-right: 16px;
 }
+
+.add-account-copy-wrapper {
+  display: flex;
+  flex-direction: row;
+  width: 800px;
+  justify-content: flex-end;
+  align-items: center;
+  margin-right: 12px;
+  padding-right: 12px;
+}