import { Form, Head, Link, usePage } from '@inertiajs/react'; import { useState } from 'react'; import ProfileController from '@/actions/App/Http/Controllers/Settings/ProfileController'; import ContactNumberInput from '@/components/contact-number-input'; 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 { countryOptions } from '@/lib/countries'; import { edit } from '@/routes/profile'; import { send } from '@/routes/verification'; export default function Profile({ mustVerifyEmail, status, }: { mustVerifyEmail: boolean; status?: string; }) { const { auth } = usePage().props; const [country, setCountry] = useState(auth.user.country); return ( <>

Profile settings

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

Si cambia el correo, deberá confirmarlo nuevamente con el enlace que enviaremos a la nueva dirección antes de poder usar algunas opciones del sistema.

{mustVerifyEmail && auth.user.email_verified_at === null && (

Este correo aún no está verificado.{' '} Pulse aquí para reenviar el correo de verificación.

{status === 'verification-link-sent' && (
Se ha enviado un nuevo enlace de verificación a su correo.
)}
)}
)}
{/* */} ); } Profile.layout = { breadcrumbs: [ { title: 'Profile settings', href: edit(), }, ], };