import { Form, Head, Link, usePage } from '@inertiajs/react'; import ProfileController from '@/actions/App/Http/Controllers/Settings/ProfileController'; import DeleteUser from '@/components/delete-user'; import Heading from '@/components/heading'; import InputError from '@/components/input-error'; import { Button } from '@/components/ui/button'; import { Card } from '@/components/ui/card'; import { Checkbox } from '@/components/ui/checkbox'; import { Input } from '@/components/ui/input'; import { Label } from '@/components/ui/label'; import { useT } from '@/lib/i18n'; import { edit } from '@/routes/profile'; import { send } from '@/routes/verification'; export default function Profile({ mustVerifyEmail, status, }: { mustVerifyEmail: boolean; status?: string; }) { const { t } = useT(); const { auth } = usePage().props; return ( <>

{t('Profile settings')}

{({ processing, errors }) => ( <>

{t( 'When on, visitors who click "Connect me with a human" can be routed to you while this browser tab is open.', )}

{mustVerifyEmail && auth.user.email_verified_at === null && (
{t( 'Your email address is unverified.', )}{' '} {t( 'Click here to resend the verification email.', )} {status === 'verification-link-sent' && (
{t( 'A new verification link has been sent to your email address.', )}
)}
)}
)}
); } Profile.layout = { breadcrumbs: [ { title: 'Profile settings', href: edit(), }, ], };