more

src/Components/Dashboard/Dashboard.js

@@ -15,21 +15,26 @@ import { Typeahead } from "react-bootstrap-typeahead";
 import { AppContext } from "../../Hooks/useContext/appContext.js";
 import UploadModal from "../Modals/UploadModal.js";
 import Button from "react-bootstrap/Button";
+import { getAuth } from "firebase/auth";
 
 const Dashboard = () => {
   const size = window.innerWidth < 440;
   const [isMobile, setIsMobile] = useState(size);
+  const auth = getAuth();
   const count = useRef(null);
   const navigate = useNavigate();
   const [allCases, setAllCases] = useState(null);
   const [selectedCase, setSelectedCase] = useState(null);
   const [showModal, setShowModal] = useState();
   const [docCount, setDocCount] = useState();
+  const [isPromoFirstLogin, setIsPromoFirstLogin] = useState(true);
   const [responseCount, setResponseCount] = useState();
   const { appState } = useContext(AppContext);
   const { group } = appState;
   const appUserId = group ? group.appUserId : null;
   const isDashboard = true;
+  console.log("group on dashbaord page", group);
+  console.log("auth in dashoabrd page", auth);
 
   useEffect(() => {
     if (count.current == null) {
@@ -177,6 +182,34 @@ const Dashboard = () => {
         <div className="user-name-container2">{group.firm}</div>
       </div>
       <div className="app-divider dash-divider" />
+      {isPromoFirstLogin ? (
+        <>
+          <div className="dash-promo-first-box">
+            <div className="dash-promo-first-wrap">
+              <div className="dash-promo-first-textwrap">
+                <div clasName="dash-promo-first-text">
+                  Welcome to Novodraft, attorney {group.lastName}. We are
+                  excited to introduce you to our application.
+                </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>
+              </div>
+            </div>
+          </div>
+
+          <div className="app-divider dash-divider" />
+        </>
+      ) : null}
       <div className="stats-container">
         <div className="stats-row-box">
           <div className="stats-unit-wrapper">