// Components import { Head } from '@inertiajs/react'; import { LoaderCircle } from 'lucide-react'; import type { FormEvent } from 'react'; import InputError from '@/components/InputError'; import TextLink from '@/components/TextLink'; import { Button } from '@/components/ui/button'; import { Input } from '@/components/ui/input'; import { Label } from '@/components/ui/label'; import { useYupForm } from '@/hooks/use-yup-form'; import { forgotPasswordSchema } from '@/lib/validation/auth'; import { login } from '@/routes'; import { email as emailRoute } from '@/routes/password'; export default function ForgotPassword() { const { data, setData, processing, errors, validateField, submit } = useYupForm(forgotPasswordSchema, { email: '' }); const handleSubmit = (e: FormEvent) => { e.preventDefault(); submit((form) => form.post(emailRoute().url)); }; return ( <>
setData('email', e.target.value)} onBlur={() => validateField('email')} autoComplete="off" autoFocus placeholder="email@example.com" />
Or, return to log in
); } ForgotPassword.layout = { title: 'Forgot password', description: 'Enter your email to receive a password reset link', };