import {Link, useSearchParams} from 'react-router-dom'; import {useForm} from 'react-hook-form'; import {FormTextField} from '../../ui/forms/input-field/text-field/text-field'; import {Button} from '../../ui/buttons/button'; import {Form} from '../../ui/forms/form'; import {LinkStyle} from '../../ui/buttons/external-link'; import {AuthLayout} from './auth-layout/auth-layout'; import { SendPasswordResetEmailPayload, useSendPasswordResetEmail, } from '../requests/send-reset-password-email'; import {Trans} from '../../i18n/trans'; import {StaticPageTitle} from '../../seo/static-page-title'; import {useSettings} from '../../core/settings/use-settings'; export function ForgotPasswordPage() { const {registration} = useSettings(); const [searchParams] = useSearchParams(); const searchParamsEmail = searchParams.get('email') || undefined; const form = useForm({ defaultValues: {email: searchParamsEmail}, }); const sendEmail = useSendPasswordResetEmail(form); const message = !registration.disable && ( ( {parts} ), }} message="Don't have an account? Sign up." /> ); return (
{ sendEmail.mutate(payload); }} >
} required />
); }