import { Form, Head, Link, usePage } from '@inertiajs/react'; import { useEffect, useState } from '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 { Input } from '@/components/ui/input'; import { Label } from '@/components/ui/label'; import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/ui/select'; import { useI18n } from '@/hooks/use-i18n'; import { send } from '@/routes/verification'; import type { Auth } from '@/types'; type LanguageOption = { id: number; code: string; name: string; }; export default function Profile({ mustVerifyEmail, status, languages, }: { mustVerifyEmail: boolean; status?: string; languages: LanguageOption[]; }) { const { t } = useI18n(); const { auth } = usePage<{ auth: { user: NonNullable } }>().props; const [languageId, setLanguageId] = useState(String(auth.user.language_id)); useEffect(() => { setLanguageId(String(auth.user.language_id)); }, [auth.user.language_id]); return ( <>

{t('settings.profile.meta.sr_only')}

{({ processing, errors }) => ( <>
{mustVerifyEmail && auth.user.email_verified_at === null && (

{t('settings.profile.verification.unverified')}{' '} {t('settings.profile.verification.resend_link')}

{status === 'verification-link-sent' && (
{t('settings.profile.verification.link_sent')}
)}
)}
)}
); }