From 86db2684f28724448785394fd6939eff3ae6afa4 Mon Sep 17 00:00:00 2001
From: Kenneth Jannette <sj@sjdev.co>
Date: Sat, 23 Mar 2024 05:14:16 -0500
Subject: [PATCH] More

---
 src/Components/Dashboard/Dashboard.js | 47 +++++++++++++++++++--------
 src/styles/dashboard.scss             |  4 +++
 2 files changed, 38 insertions(+), 13 deletions(-)

diff --git a/src/Components/Dashboard/Dashboard.js b/src/Components/Dashboard/Dashboard.js
index afcdd50..6c5255b 100644
--- a/src/Components/Dashboard/Dashboard.js
+++ b/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">
-                  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
-                  bar.
-                </div>
-                <div className="dash-promo-first-text inline-text">
-                  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>
+                    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 bar.
+                  </p>
+                  <p>
+                    {" "}
+                    <div>
+                      Your login is{" "}
+                      {`username: ${group.email} - with a temporary password: ${group.tpe}.`}
+                    </div>
+                  </p>
+                  <p>
+                    You should change your password now by{" "}
+                    <span onClick={handleClick} className="dash-clicknow-span">
+                      clicking here
+                    </span>
+                  </p>
                 </div>
               </div>
             </div>
diff --git a/src/styles/dashboard.scss b/src/styles/dashboard.scss
index ff05662..16947bd 100644
--- a/src/styles/dashboard.scss
+++ b/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;