import React, { Fragment, useState, useEffect } from 'react' import { getCookie, getCookies, hasCookie } from 'cookies-next'; import axios from 'axios'; import Swal from 'sweetalert2'; import { SubirImagen } from "@components/subirImagen" export const PerfilUsuario = (datosUsuario) => { console.log('props datosusuario::', datosUsuario) let tokenusuario = getCookie('bs_plus_token'); let idusuario = getCookie('bs_plus_idu'); const [errorinform, setErrorinform] = useState(false); let regexEmail = /^[-\w.%+]{1,64}@(?:[A-Z0-9-]{1,63}\.){1,125}[A-Z]{2,63}$/i; const [errorEmail, setErrorEmail] = useState(false); const [emailData, setEmailData] = useState(datosUsuario.dataUser.email); const emailChange = (val) => { setEmailData(val.target.value) setErrorEmail(false) } const [errorNombre, setErrorNombre] = useState(false); const [nombreData, setNombreData] = useState(datosUsuario.dataUser.nombre); const nombreChange = (val) => { setNombreData(val.target.value) setErrorNombre(false) } const [errorApellidos, setErrorApellidos] = useState(false); const [apellidosData, setApellidosData] = useState(datosUsuario.dataUser.apellidos); const apellidosChange = (val) => { setApellidosData(val.target.value) setErrorApellidos(false) } const [cpError, setCpError] = useState(false); const [cpData, setCpData] = useState(datosUsuario.dataUser.cp); const cpChange = (val) => { setCpData(val.target.value) setCpError(false) } const [telefonoError, setTelefonoError] = useState(false); const [telefonoData, setTelefonoData] = useState(datosUsuario.dataUser.telefono); const telefonoChange = (val) => { setTelefonoData(val.target.value) setTelefonoError(false) } const [movilError, setMovilError] = useState(false) const [movilData, setMovilData] = useState(datosUsuario.dataUser.movil); const movilChange = (val) => { setMovilData(val.target.value) setMovilError(false) } const [errorCargo, setErrorCargo] = useState(false); const [cargoData, setCargoData] = useState(datosUsuario.dataUser.puesto); const cargoChange = (val) => { setCargoData(val.target.value) setErrorCargo(false) } const updatedatosUsuario = async () => { let formHasError = false; alert(emailData) alert(nombreData) if (!regexEmail.test(emailData)) { setErrorEmail(true) } if (nombreData.length == 0) { formHasError = true setErrorNombre(true) } else { setErrorNombre(false) } if (apellidosData.length == 0) { formHasError = true setErrorApellidos(true) } else { setErrorApellidos(false) } if (cpData.length != 5) { formHasError = true setCpError(true) } else { setCpError(false) } if (telefonoData.length <= 7) { formHasError = true setTelefonoError(true) } else { setTelefonoError(false) } alert(movilData) console.log('movilData', movilData) if (movilData !== '' && movilData !== null) { if (movilData.length < 9 && movilData.length > 1) { formHasError = true setMovilError(true) } else { setMovilError(false) } } if (cargoData.length == 0) { formHasError = true setErrorCargo(true) } else { setErrorCargo(false) } if (formHasError) { setErrorinform(true) return } else { setErrorinform(false) } try { var dataForm = { "idUsuario": idusuario, "nombre": nombreData, "apellidos": apellidosData, "cp": cpData, "telefono": telefonoData, "movil": movilData, "email": emailData, "puesto": cargoData, "usuario": 'davidac', } let axiosConfig = { headers: { 'Accept': 'application/json', 'Content-Type': 'application/json', 'Authorization': `Bearer ${tokenusuario}` }, }; console.log('dataForm', dataForm) await axios.put(`${process.env.NEXT_PUBLIC_URL_API}usuarios/InscribirseModif`, dataForm, axiosConfig) .then(resLogin => { if (resLogin.status === 200) { if (resLogin.data === 'error') { //messageLoginChange('El formulario contiene errores') } else { Swal.fire({ title: '', text: `Perfil de usuario actualizado`, icon: 'success', showCancelButton: false, confirmButtonColor: '#42A72C', confirmButtonText: 'Aceptar', }).then((result) => { if (result.value) { } }) } } else { //messageLoginChange('El formulario contiene errores') } }) } catch (error) { //setloaddata(false); //messageLoginChange('El formulario contiene errores') //formIsInvalidChange(true) } } const HandleClick = () => { updatedatosUsuario() } if (!datosUsuario) return (