Files
supabase/apps/studio/pages/forgot-password.tsx
T
Stojan DimitrovskiandIvan Vasilov 944aba84ae feat: use code instead of reset password link (#37171)
* feat: use code instead of reset password link

* Migrate forgot-password and reset-password to use RHF.

* Rename the file.

* Forgot to change the import.

* Add a small timeout to solve a race condition.

* handle mfa case

* fix typecheck

* use separate forgot-password-mfa page

---------

Co-authored-by: Ivan Vasilov <vasilov.ivan@gmail.com>
2025-07-16 15:01:38 +02:00

33 lines
961 B
TypeScript

import { ForgotPasswordWizard } from 'components/interfaces/SignIn/ForgotPasswordWizard'
import ForgotPasswordLayout from 'components/layouts/SignInLayout/ForgotPasswordLayout'
import Link from 'next/link'
import type { NextPageWithLayout } from 'types'
const ForgotPasswordPage: NextPageWithLayout = () => {
return (
<>
<div className="flex flex-col gap-4">
<ForgotPasswordWizard />
</div>
<div className="my-8 self-center text-sm">
<span className="text-foreground-light">Already have an account?</span>{' '}
<Link href="/sign-in" className="underline hover:text-foreground-light">
Sign In
</Link>
</div>
</>
)
}
ForgotPasswordPage.getLayout = (page) => (
<ForgotPasswordLayout
heading="Forgot your password?"
subheading="Type in your email and we'll send you a code to reset the password"
>
{page}
</ForgotPasswordLayout>
)
export default ForgotPasswordPage