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"]}