| Línea 16... |
Línea 16... |
| 16 |
z-index: 300;
|
16 |
z-index: 300;
|
| 17 |
`;
|
17 |
`;
|
| 18 |
function CloseAccount() {
|
18 |
function CloseAccount() {
|
| 19 |
const [showInputCode, setShowInputCode] = useState(false);
|
19 |
const [showInputCode, setShowInputCode] = useState(false);
|
| 20 |
const [loading, setLoading] = useState(false);
|
20 |
const [loading, setLoading] = useState(false);
|
| 21 |
const handleGetCode = async (changeState = true) => {
|
21 |
const handleGetCode = async () => {
|
| 22 |
try {
|
22 |
try {
|
| - |
|
23 |
setShowInputCode(true)
|
| 23 |
setLoading(true)
|
24 |
setLoading(true)
|
| 24 |
const res = await axios.get('/account-settings/delete-account');
|
25 |
const res = await axios.get('/account-settings/delete-account');
|
| 25 |
console.log('>>: res > ', res)
|
26 |
console.log('>>: res > ', res)
|
| 26 |
console.log('>>: get code')
|
27 |
console.log('>>: get code')
|
| - |
|
28 |
} catch (error) {
|
| - |
|
29 |
console.log('>>: error > ', error)
|
| - |
|
30 |
}finally{
|
| 27 |
if(changeState)
|
31 |
setLoading(false)
|
| - |
|
32 |
}
|
| - |
|
33 |
}
|
| - |
|
34 |
|
| - |
|
35 |
const resendCode = async () => {
|
| - |
|
36 |
try {
|
| 28 |
setShowInputCode(true)
|
37 |
setLoading(true)
|
| - |
|
38 |
const res = await axios.get('/account-settings/delete-account');
|
| - |
|
39 |
console.log('>>: resend code > ', res)
|
| 29 |
} catch (error) {
|
40 |
} catch (error) {
|
| 30 |
console.log('>>: error > ', error)
|
41 |
console.log('>>: error > ', error)
|
| 31 |
}finally{
|
42 |
}finally{
|
| 32 |
setLoading(false)
|
43 |
setLoading(false)
|
| 33 |
}
|
44 |
}
|
| Línea 51... |
Línea 62... |
| 51 |
return <form onSubmit={handleSubmit}>
|
62 |
return <form onSubmit={handleSubmit}>
|
| 52 |
<div className="form-group">
|
63 |
<div className="form-group">
|
| 53 |
<label htmlFor="exampleInputEmail1">Ingrese el codigo</label>
|
64 |
<label htmlFor="exampleInputEmail1">Ingrese el codigo</label>
|
| 54 |
<input type="email" className="form-control" id="exampleInputEmail1" />
|
65 |
<input type="email" className="form-control" id="exampleInputEmail1" />
|
| 55 |
<small id="emailHelp" className="form-text text-muted">Este codigo fue enviado a tu correo electrónico.</small>
|
66 |
<small id="emailHelp" className="form-text text-muted">Este codigo fue enviado a tu correo electrónico.</small>
|
| 56 |
<button className="btn btn-secondary btn-sm" onClick={handleGetCode(false)}>
|
67 |
<button className="btn btn-secondary btn-sm" onClick={() => resendCode()}>
|
| 57 |
¿No ha recibido su correo?, solicitue un codigo nuevo
|
68 |
¿No ha recibido su correo?, solicitue un codigo nuevo
|
| 58 |
</button>
|
69 |
</button>
|
| 59 |
</div>
|
70 |
</div>
|
| 60 |
<button type="submit" className="btn btn-primary">Enviar</button>
|
71 |
<button type="submit" className="btn btn-primary">Enviar</button>
|
| 61 |
</form>
|
72 |
</form>
|
| 62 |
}else{
|
73 |
}else{
|
| 63 |
return <>
|
74 |
return <>
|
| 64 |
<h1 className="text-center">¿Esta seguro de eliminar su cuenta?</h1>
|
75 |
<h1 className="text-center">¿Esta seguro de eliminar su cuenta?</h1>
|
| 65 |
<div className="row">
|
76 |
<div className="row">
|
| 66 |
<div className='col-md col-sm-12 text-right'>
|
77 |
<div className='col-md col-sm-12 text-right'>
|
| 67 |
<button className="btn btn-primary" onClick={handleGetCode} disabled={showInputCode}>Si, estoy seguro</button>
|
78 |
<button className="btn btn-primary" onClick={() => handleGetCode()} disabled={showInputCode}>Si, estoy seguro</button>
|
| 68 |
</div>
|
79 |
</div>
|
| 69 |
<div className='col-md col-sm-12 text-left'>
|
80 |
<div className='col-md col-sm-12 text-left'>
|
| 70 |
<button className="btn btn-primary" disabled={showInputCode}>No estoy seguro</button>
|
81 |
<button className="btn btn-primary" disabled={showInputCode}>No estoy seguro</button>
|
| 71 |
</div>
|
82 |
</div>
|
| 72 |
</div>
|
83 |
</div>
|