From 7519bfe568339796c70b4790220f50083524ca38 Mon Sep 17 00:00:00 2001
From: Jared White <jared@jaredwhite.com>
Date: Wed, 15 Jan 2025 22:08:03 -0800
Subject: [PATCH] fix: switch to Link component from Seeds on forgot password

---
 shared-helpers/src/views/sign-in/FormSignIn.module.scss | 9 ---------
 shared-helpers/src/views/sign-in/FormSignInDefault.tsx  | 9 ++++-----
 shared-helpers/src/views/sign-in/FormSignInPwdless.tsx  | 9 ++++-----
 3 files changed, 8 insertions(+), 19 deletions(-)

diff --git a/shared-helpers/src/views/sign-in/FormSignIn.module.scss b/shared-helpers/src/views/sign-in/FormSignIn.module.scss
index 9eec7726d4..a0244a497d 100644
--- a/shared-helpers/src/views/sign-in/FormSignIn.module.scss
+++ b/shared-helpers/src/views/sign-in/FormSignIn.module.scss
@@ -1,8 +1,6 @@
 .forgot-password {
   float: right;
   font-size: var(--seeds-font-size-sm);
-  text-decoration-line: underline;
-  color: var(--seeds-color-blue-900);
 }
 
 .sign-in-error-container {
@@ -18,13 +16,6 @@
   margin-bottom: var(--seeds-s6);
 }
 
-.forgot-password {
-  float: right;
-  font-size: var(--seeds-font-size-sm);
-  text-decoration-line: underline;
-  color: var(--seeds-color-blue-900);
-}
-
 .sign-in-error {
   margin-top: var(--seeds-s6);
   width: 100%;
diff --git a/shared-helpers/src/views/sign-in/FormSignInDefault.tsx b/shared-helpers/src/views/sign-in/FormSignInDefault.tsx
index ffd92bda72..9262986237 100644
--- a/shared-helpers/src/views/sign-in/FormSignInDefault.tsx
+++ b/shared-helpers/src/views/sign-in/FormSignInDefault.tsx
@@ -1,8 +1,8 @@
 import React, { useContext } from "react"
 import { useRouter } from "next/router"
 import type { UseFormMethods } from "react-hook-form"
-import { Field, Form, NavigationContext, t } from "@bloom-housing/ui-components"
-import { Button } from "@bloom-housing/ui-seeds"
+import { Field, Form, t } from "@bloom-housing/ui-components"
+import { Button, Link } from "@bloom-housing/ui-seeds"
 import { getListingRedirectUrl } from "../../utilities/getListingRedirectUrl"
 import styles from "./FormSignIn.module.scss"
 
@@ -31,7 +31,6 @@ const FormSignInDefault = ({
   const onError = () => {
     window.scrollTo(0, 0)
   }
-  const { LinkComponent } = useContext(NavigationContext)
   const router = useRouter()
   const listingIdRedirect = router.query?.listingId as string
   const forgetPasswordURL = getListingRedirectUrl(listingIdRedirect, "/forgot-password")
@@ -50,9 +49,9 @@ const FormSignInDefault = ({
         dataTestId="sign-in-email-field"
       />
       <aside>
-        <LinkComponent href={forgetPasswordURL} className={styles["forgot-password"]}>
+        <Link href={forgetPasswordURL} className={styles["forgot-password"]}>
           {t("authentication.signIn.forgotPassword")}
-        </LinkComponent>
+        </Link>
       </aside>
       <Field
         className={styles["sign-in-password-input"]}
diff --git a/shared-helpers/src/views/sign-in/FormSignInPwdless.tsx b/shared-helpers/src/views/sign-in/FormSignInPwdless.tsx
index c4a609f927..79bce8ac4b 100644
--- a/shared-helpers/src/views/sign-in/FormSignInPwdless.tsx
+++ b/shared-helpers/src/views/sign-in/FormSignInPwdless.tsx
@@ -1,8 +1,8 @@
 import React, { useContext } from "react"
 import { useRouter } from "next/router"
 import type { UseFormMethods } from "react-hook-form"
-import { Field, Form, NavigationContext, t } from "@bloom-housing/ui-components"
-import { Button } from "@bloom-housing/ui-seeds"
+import { Field, Form, t } from "@bloom-housing/ui-components"
+import { Button, Link } from "@bloom-housing/ui-seeds"
 import { getListingRedirectUrl } from "../../utilities/getListingRedirectUrl"
 import styles from "./FormSignIn.module.scss"
 
@@ -35,7 +35,6 @@ const FormSignInPwdless = ({
   const onError = () => {
     window.scrollTo(0, 0)
   }
-  const { LinkComponent } = useContext(NavigationContext)
   const router = useRouter()
   const listingIdRedirect = router.query?.listingId as string
   const forgetPasswordURL = getListingRedirectUrl(listingIdRedirect, "/forgot-password")
@@ -58,9 +57,9 @@ const FormSignInPwdless = ({
       {!useCode && (
         <>
           <aside>
-            <LinkComponent href={forgetPasswordURL} className={styles["forgot-password"]}>
+            <Link href={forgetPasswordURL} className={styles["forgot-password"]}>
               {t("authentication.signIn.forgotPassword")}
-            </LinkComponent>
+            </Link>
           </aside>
           <Field
             className={styles["sign-in-password-input"]}