more

src/Components/Dashboard/Dashboard.js

@@ -187,21 +187,18 @@ const Dashboard = () => {
           <div className="dash-promo-first-box">
             <div className="dash-promo-first-wrap">
               <div className="dash-promo-first-textwrap">
-                <div clasName="dash-promo-first-text">
+                <div className="dash-promo-first-text">
                   Welcome to Novodraft, attorney {group.lastName}. We are
-                  excited to introduce you to our application.
+                  excited to introduce you to our application. Review the
+                  step-by-step user guide by clicking "How-to" in the navigation
+                  bar.
                 </div>
-                <div clasName="dash-promo-first-text">
-                  Pleae review the step-by-step user guide by clicking "How-to"
-                  in the navigation bar.
-                </div>
-                <div clasName="dash-promo-first-text">
-                  You will use your email address and the temporary password
-                  below to log in to Novodraft.
-                </div>
-                <div clasName="dash-promo-first-text">
-                  Your temporary password been set to {"password"}. Please
-                  change it by clicking here.
+                <div className="dash-promo-first-text">
+                  Your user name for login is:{" "}
+                  <span className="user-name-span">{group.email}</span>. Your
+                  temporary password is{" "}
+                  <span className="user-name-span">{group.tpe}</span>. You
+                  should change it now, by clicking here.
                 </div>
               </div>
             </div>

src/Components/Home/HomePage.js

@@ -38,15 +38,10 @@ const HomePage = () => {
     if (!email || !password || !dataValues[0]) {
       return;
     }
-    console.log(
-      "~~~~~~~~~~~~~~~~~~~~~email, password in saveUserData",
-      email,
-      password
-    );
     const appUserId = uuidv4();
     const firmId = uuidv4();
     const fbAuthUid = authId;
-
+    const tpe = password;
     let plan = "promo plan";
     let docsAllowedPerMonth;
 
@@ -72,19 +67,7 @@ const HomePage = () => {
     const userState = stateDataValues.filter((value) => {
       if (value.name === state) return value;
     });
-    console.log(
-      "firstName, lastName, firm, telephone, streetAddress, city, state, zipCode, barNumber, practiceArea",
-      firstName,
-      lastName,
-      firm,
-      telephone,
-      streetAddress,
-      city,
-      state,
-      zipCode,
-      barNumber,
-      practiceArea
-    );
+
     const userData = {
       docsAllowedPerMonth,
       docsGenerated,
@@ -102,6 +85,7 @@ const HomePage = () => {
       barNumber,
       practiceArea,
       email,
+      tpe: tpe,
       isPromotionalMebership,
       isPromotionalFirstLogin: true,
       customerId: customerId,

src/styles/dashboard.scss

@@ -10,12 +10,15 @@
 
 .dash-promo-first-box {
   margin-top: 8px;
-  padding: 8px 88px;
+  padding: 8px 48px;
 }
 
+.user-name-span {
+  font-weight: 500;
+}
 .dash-promo-first-wrap {
-  padding: 8px 62;
-  background-color: var(--barely-there-accen);
+  padding: 8px 0px;
+  background-color: var(--barely-there-accent);
   display: flex;
   flex-direction: column;
   border: 1px solid orange;
@@ -25,10 +28,18 @@
 .dash-promo-first-textwrap {
   display: flex;
   flex-direction: column;
-  justify-content: center;
-  align-items: center;
   margin: auto;
-  max-width: 620;
+}
+
+.dash-promo-first-text {
+  font-size: 0.94rem;
+  letter-spacing: 0.03rem;
+  font-family: Roboto;
+  font-weight: 300;
+  margin-bottom: 2px;
+  margin-left: 16px;
+  width: 680px;
+  color: #3b3b3b;
 }
 
 .dash-heading-text {
@@ -109,6 +120,11 @@
   justify-content: flex-end;
   flex-direction: row;
 }
+@media only screen and (max-width: 860px) {
+  .dash-promo-first-text {
+    width: 500px;
+  }
+}
 
 @media only screen and (max-width: 430px) {
   .dashboard-header {