import { Link, useForm, usePage } from "@inertiajs/react"; import { Transition } from "@headlessui/react"; import { FormEventHandler } from "react"; import { PageProps } from "@/types"; import { Label } from "@/components/ui/label"; import { Input } from "@/components/ui/input"; import { InputError } from "@/components/ui/input-error"; import { Button } from "@/components/ui/button"; export default function UpdateProfileInformation({ mustVerifyEmail, status, className = "", }: { mustVerifyEmail: boolean; status?: string; className?: string; }) { const user = usePage().props.auth.user; const { data, setData, patch, errors, processing, recentlySuccessful } = useForm({ name: user.name, email: user.email, }); const submit: FormEventHandler = (e) => { e.preventDefault(); patch(route("profile.update")); }; return (
setData("name", e.target.value)} required autoComplete="name" />
setData("email", e.target.value)} required autoComplete="username" />
{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.
)}
)}

Saved.

); }