More

src/Components/Dashboard/Dashboard.js

@@ -1,6 +1,6 @@
 import React, { useState, useContext, useEffect, useRef } from "react";
 import { CaseCard } from "../../pageElements/Cards.js";
-import { Link, useNavigate } from "react-router-dom";
+import { Link, useNavigate, createSearchParams } from "react-router-dom";
 import MobileContent from "../MobileContent";
 import {
   ArrowRight,
@@ -106,6 +106,20 @@ const Dashboard = () => {
     return null;
   }
 
+  function handleClick(e) {
+    e.preventDefault();
+    console.log("handle lcick");
+    //searchParams.set("mode", mode);
+    //setSearchParams(searchParams);
+    //navigate(`/passwordreset/?mode=enterEmail`);
+    navigate({
+      pathname: "/passwordreset/",
+      search: `?${createSearchParams({
+        mode: "enterEmail",
+      })}`,
+    });
+  }
+
   const DesktopContent = () => {
     return allCases !== null ? (
       <div>
@@ -188,18 +202,25 @@ const Dashboard = () => {
             <div className="dash-promo-first-wrap">
               <div className="dash-promo-first-textwrap">
                 <div className="dash-promo-first-text">
+                  <p>
                     Welcome to Novodraft, attorney {group.lastName}. We are
                     excited to introduce you to our application. Review the
-                  step-by-step user guide by clicking "How-to" in the navigation
+                    step-by-step user guide by clicking "How-to" in the
-                  bar.
+                    navigation bar.
-                </div>
+                  </p>
-                <div className="dash-promo-first-text inline-text">
+                  <p>
+                    {" "}
+                    <div>
                       Your login is{" "}
                       {`username: ${group.email} - with a temporary password: ${group.tpe}.`}
-                  <div className="user-name-span">
-                    You should change your password now{" "}
-                    <Link to="/cases">by clicking here.</Link>
                     </div>
+                  </p>
+                  <p>
+                    You should change your password now by{" "}
+                    <span onClick={handleClick} className="dash-clicknow-span">
+                      clicking here
+                    </span>
+                  </p>
                 </div>
               </div>
             </div>

src/styles/dashboard.scss

@@ -45,6 +45,10 @@
     flex-wrap: wrap;
   }
 }
+.dash-clicknow-span {
+  cursor: pointer;
+  color: blue;
+}
 
 .dash-heading-text {
   font-size: 1.3rem;