import { Head, useForm, usePage } from '@inertiajs/react'; import AppLogoIcon from '@/components/app-logo-icon'; export default function AcceptInvitation() { const props = usePage().props as unknown as { token: string; email: string; organization: string; existingUser: boolean; }; const { token, email, organization, existingUser } = props; const form = useForm({ name: '', password: '', password_confirmation: '' }); const submit = (e: React.FormEvent) => { e.preventDefault(); form.post(`/invitation/${token}`); }; return (

Join {organization}

You're invited as {email}. {existingUser ? ' Confirm to join with your existing account.' : ' Set a password to finish.'}

{!existingUser && ( <>
form.setData('name', e.target.value)} className="w-full rounded-md border border-border bg-background px-3 py-2 text-sm" required /> {form.errors.name &&

{form.errors.name}

}
form.setData('password', e.target.value)} className="w-full rounded-md border border-border bg-background px-3 py-2 text-sm" required /> {form.errors.password &&

{form.errors.password}

}
form.setData('password_confirmation', e.target.value)} className="w-full rounded-md border border-border bg-background px-3 py-2 text-sm" required />
)}
); }