import { type BreadcrumbItem } from '@/types'; import { Transition } from '@headlessui/react'; import { Head, Link, useForm } 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'; import useUserStore from '@/stores/UserStore'; const breadcrumbs: BreadcrumbItem[] = [ { title: 'Profile settings', href: '/settings/profile', }, ]; type ProfileForm = { name: string; email: string; } export default function Profile({ mustVerifyEmail, status }: { mustVerifyEmail: boolean; status?: string }) { const { user } = useUserStore(); const { data, setData, patch, errors, processing, recentlySuccessful } = useForm>({ name: user?.name || '', email: user?.email || '', }); const submit: FormEventHandler = (e) => { e.preventDefault(); patch(route('profile.update'), { preserveScroll: true, }); }; return (
setData('name', e.target.value)} required autoComplete="name" placeholder="Full name" />
setData('email', e.target.value)} required autoComplete="username" placeholder="Email address" />
{mustVerifyEmail && user?.email_verified_at === null && (

Your email address is unverified.{' '} Click here to resend the verification email.

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

Saved
); }