import { type BreadcrumbItem, type SharedData } from '@/types'; import { Transition } from '@headlessui/react'; import { Head, Link, useForm, usePage } from '@inertiajs/react'; import { FormEventHandler } from 'react'; import DeleteUser from '@/components/delete-user'; import HeadingSmall from '@/components/heading-small'; import InputError from '@/components/input-error'; import { Button } from '@/components/ui/button'; import { Input } from '@/components/ui/input'; import { Label } from '@/components/ui/label'; import AppLayout from '@/layouts/app-layout'; import SettingsLayout from '@/layouts/settings/layout'; const breadcrumbs: BreadcrumbItem[] = [ { title: 'Profile settings', href: '/settings/profile', }, ]; export default function Profile({ mustVerifyEmail, status }: { mustVerifyEmail: boolean; status?: string }) { const { auth } = usePage().props; const { data, setData, patch, errors, processing, recentlySuccessful } = useForm({ name: auth.user.name, email: auth.user.email, }); const submit: FormEventHandler = (e) => { e.preventDefault(); patch(route('profile.update')); }; return (
setData('name', e.target.value)} required autoComplete="name" placeholder="Full name" />
setData('email', e.target.value)} required autoComplete="username" placeholder="Email address" />
{mustVerifyEmail && auth.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
); }