import React, { useRef } from 'react'; import { useForm, Head } from '@inertiajs/react'; import { Button, Card, Col, Container, Form, Row } from 'react-bootstrap'; import Layout from '../../../Layouts'; import Swal from 'sweetalert2'; export default function CambiarPassword({ auth }: any) { const passwordInput: any = useRef(); const currentPasswordInput: any = useRef(); const { data, setData, errors, put, reset, processing, recentlySuccessful } = useForm({ current_password: '', password: '', password_confirmation: '', }); const updatePassword = (e: any) => { e.preventDefault(); put(route('profile.password.update'), { preserveScroll: true, onSuccess: () => { reset(); Swal.fire({ title: 'Contraseña Actualizada', text: 'Tu contraseña ha sido modificada correctamente.', icon: 'success', timer: 2000, showConfirmButton: false }); }, onError: (errors) => { if (errors.password) { reset('password', 'password_confirmation'); passwordInput.current.focus(); } if (errors.current_password) { reset('current_password'); currentPasswordInput.current.focus(); } }, }); }; return (

Cambiar Contraseña

Su nueva contraseña debe ser diferente a la anterior y tener al menos 8 caracteres.

Contraseña Actual setData('current_password', e.target.value)} type="password" className={`form-control ${errors.current_password ? 'is-invalid' : ''}`} autoComplete="current-password" placeholder="Ingrese su contraseña actual" /> {errors.current_password}

Nueva Contraseña setData('password', e.target.value)} type="password" className={`form-control ${errors.password ? 'is-invalid' : ''}`} autoComplete="new-password" placeholder="Ingrese nueva contraseña" /> {errors.password}

Confirmar Nueva Contraseña setData('password_confirmation', e.target.value)} type="password" className={`form-control ${errors.password_confirmation ? 'is-invalid' : ''}`} autoComplete="new-password" placeholder="Confirme nueva contraseña" /> {errors.password_confirmation}

); }