import { type BreadcrumbItem, type SharedData } from '@/types'; import { Head, Link, useForm, usePage } from '@inertiajs/react'; import { Alert, Button, Card, Group, Stack, Text, TextInput } from '@mantine/core'; import { IconCheck, IconDeviceFloppy, IconMail } from '@tabler/icons-react'; import React from 'react'; import AppLayout from '@/layouts/app-layout'; import SettingsLayout from '@/layouts/settings/layout'; import { edit } from '@/routes/profile'; import { send } from '@/routes/verification'; const breadcrumbs: BreadcrumbItem[] = [ { title: 'Profile settings', href: edit().url, }, ]; export default function Profile({ mustVerifyEmail, status, }: { mustVerifyEmail: boolean; status?: string; }) { const { auth } = usePage().props; const form = useForm({ name: auth.user.name, email: auth.user.email, }); const submit = (event: React.FormEvent) => { event.preventDefault(); form.patch(route('profile.update'), { preserveScroll: true, }); }; return (

Profile information Update your name and email address. form.setData('name', event.currentTarget.value)} error={form.errors.name} required autoComplete="name" /> form.setData('email', event.currentTarget.value)} error={form.errors.email} required autoComplete="username" /> {mustVerifyEmail && auth.user.email_verified_at === null ? ( } color="yellow" variant="light"> Your email address is unverified. Resend the verification email ) : null} {status === 'verification-link-sent' ? ( } color="green" variant="light"> A new verification link has been sent to your email address. ) : null} {form.recentlySuccessful ? ( Saved ) : null}

); }