import { Head, useForm } from '@inertiajs/react'; import { FormEventHandler } from 'react'; import { Button } from '@admin/components/ui/button'; import { FormError } from '@admin/components/ui/form-error'; import { Input } from '@admin/components/ui/input'; import { Label } from '@admin/components/ui/label'; import { TextLink } from '@admin/components/ui/text-link'; import { formClassName } from '@admin/components/ui/field-styles'; import AuthLayout from '@admin/layouts/auth-layout'; interface PasswordResetVerifyCodeProps { email: string; status?: string; } export default function PasswordResetVerifyCode({ email, status }: PasswordResetVerifyCodeProps) { const verifyForm = useForm({ email, code: '', }); const resendForm = useForm({ email, }); const submitVerify: FormEventHandler = (e) => { e.preventDefault(); verifyForm.post(route('password.verify-code.store')); }; const submitResend: FormEventHandler = (e) => { e.preventDefault(); resendForm.post(route('password.verify-code.resend'), { preserveScroll: true, }); }; return ( We sent a 6-digit code to {email}. Enter it below to continue. } > {status &&

{status}

}
{ const digits = e.target.value.replace(/\D/g, '').slice(0, 6); verifyForm.setData('code', digits); }} />

Wrong email?{' '} Start over {' · '} Sign in

); }