import InputError from '@/Components/InputError'; import InputLabel from '@/Components/InputLabel'; import PrimaryButton from '@/Components/PrimaryButton'; import TextInput from '@/Components/TextInput'; import { Link, useForm, usePage } from '@inertiajs/react'; import { Transition } from '@headlessui/react'; export default function UpdateProfileInformation({ mustVerifyEmail, status, className }) { const user = usePage().props.auth.user; const { data, setData, patch, errors, processing, recentlySuccessful } = useForm({ name: user.name, email: user.email, }); const submit = (e) => { e.preventDefault(); patch(route('profile.update')); }; return (

Profile Information

Update your account's profile information and email address.

setData('name', e.target.value)} required isFocused autoComplete="name" />
setData('email', e.target.value)} required autoComplete="email" />
{mustVerifyEmail && user.email_verified_at === null && (

Your email address is unverified. Click here to re-send the verification email.

{status === 'verification-link-sent' && (
A new verification link has been sent to your email address.
)}
)}
Save

Saved.

); }