feat: seeds forgot password

SFDigitalServices · Sep 18, 2024 · 4c74929 · 4c74929
1 parent 1e21dcd
commit 4c74929
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 4 deletions.
diff --git a/app/javascript/pages/account/components/PasswordFieldset.tsx b/app/javascript/pages/account/components/PasswordFieldset.tsx
@@ -2,7 +2,7 @@ import { Field, FieldProps, t } from "@bloom-housing/ui-components"
 import React from "react"
 import { UseFormMethods, Validate } from "react-hook-form"
 import Fieldset from "./Fieldset"
-import { Icon } from "@bloom-housing/ui-seeds"
+import { Icon, Link } from "@bloom-housing/ui-seeds"
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"
 import { faCheck, faXmark } from "@fortawesome/free-solid-svg-icons"
 import { faEye, faEyeSlash } from "@fortawesome/free-regular-svg-icons"
@@ -194,9 +194,9 @@ const PasswordFieldset = ({
             register={register}
             className="mb-1"
           />
-          <div className="forgot-password-link">
-            <a href="/forgot-password">{t("signIn.forgotPassword")}</a>
-          </div>
+          <Link href="/forgot-password" className="forgot-password-link">
+            {t("signIn.forgotPassword")}
+          </Link>
           <div className={`new-password-label pt-4 ${errors.password && "text-alert"}`}>
             <label htmlFor="password">{t("label.chooseNewPassword")}</label>
           </div>

diff --git a/app/javascript/pages/account/styles/account.scss b/app/javascript/pages/account/styles/account.scss
@@ -30,6 +30,8 @@
 // forgot password link
 .forgot-password-link {
   font-size: 13px;
+  text-decoration: none;
+
 }
 
 // date section