Merge pull request #47 from kjannette/stripe3

Stripe3

src/Components/SignupPage/SignupPage.js

@@ -49,7 +49,7 @@ const SignupPage = () => {
       ? process.env.REACT_APP_API_DEV
       : process.env.REACT_APP_API_PROD;
 
-  const modalText = "Description of monthly and annual subscriptions";
+  const modalText = "MAYBE PUT TOTAL HERE";
 
   const handleChangeInput = (e, name) => {
     const newData = handleFormDataChange(e, name, data, signupFields);
@@ -153,13 +153,29 @@ const SignupPage = () => {
     if (isBusy) {
       return;
     }
+
     /*
     const dataValues = validateData();
     if (dataValues === null) {
       return;
     }
-    */
-    setShowSelectPlan(true);
+  */
+    const dataValues = {
+      barNumber: "232323",
+      city: "broolyn",
+      confirmPassword: "123344556",
+      email: "j@s.com",
+      firm: "asdf",
+      firstName: "ghghg",
+      lastName: "hhhhh",
+      password: "123344556",
+      practiceArea: "dfdfdf",
+      state: "New York",
+      streetAddress: "123 Main",
+      telephone: "(313) 555-5555",
+      zipCode: "12345",
+    };
+    setShowSelectPlan(!showSelectPlan);
   };
 
   const handleToggle = () => {
@@ -196,7 +212,7 @@ const SignupPage = () => {
           "Content-Type": "application/json",
         },
         body: JSON.stringify({
-          type: "monthly", // TODO: replace this with the user-chosen value later when we have the UI for it
+          type: "monthly",
           customerData: {
             email: customerDataValues.email,
             name:
@@ -211,8 +227,6 @@ const SignupPage = () => {
       subscriptionId = response.subscriptionId;
       customerId = response.customerId;
 
-      console.log("response", response);
-
       return {
         subscriptionId,
         customerId,
@@ -407,6 +421,16 @@ const SignupPage = () => {
                 </div>
               ))}
             </div>
+            <div className="signup-button-box">
+              <Button
+                className="primary-button signup-proceed"
+                type="button"
+                size="lg"
+                onClick={handleProceedToPayment}
+                disabled={isBusy}
+                labelText="Proceed to Payment"
+              />
+            </div>
           </div>
         </div>
       ) : (

src/pageElements/Radio.js

@@ -16,7 +16,8 @@ const Radio = (props) => {
   } = props;
   const classCheckbox = "checkbox";
   const classOption = "option";
-  const index = isAnnualBilling ? Number("1") : Number("0");
+  const index = isAnnualBilling ? Number("0") : Number("1");
+  //
   return (
     <div className="radio-container">
       <div className="radio-option-container" key={name}>

src/styles/signup.scss

@@ -136,7 +136,7 @@
   flex-direction: row;
   padding: 6px;
   width: 100%;
-  height: 420px;
+  height: 400px;
 }
 
 .select-plan-summary-box {