import { Head, Link, useForm, usePage } from '@inertiajs/react'; import type { FormEvent } from 'react'; type PageProps = { wedding: { name: string } | null; emailHint: string | null; }; export default function VerifyCode() { const { wedding, emailHint } = usePage().props; const form = useForm({ code: '' }); const submit = (event: FormEvent) => { event.preventDefault(); form.post('/login/verify'); }; return ( <>
← Andere E-Mail-Adresse {wedding?.name}

Fast geschafft

Wir haben einen Code an {emailHint} gesendet. Er ist zehn Minuten gültig.

form.setData('code', event.target.value.replace(/\D/g, '').slice(0, 6))} pattern="[0-9]{6}" type="text" value={form.data.code} /> {form.errors.code ?
{form.errors.code}
:
Du kannst den Code direkt aus der E-Mail kopieren.
}
); }