Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 2015 | Rev 4064 | Ir a la última revisión | Mostrar el archivo completo | | | Autoría | Ultima modificación | Ver Log |

Rev 2015 Rev 2717
Línea 1... Línea 1...
1 
import React,  { useState, useMemo } from 'react';
 1 
import React, { useState, useMemo } from 'react';
2 
import Spinner from '../../../shared/loading-spinner/Spinner';
 2 
import Spinner from '../../../shared/loading-spinner/Spinner';
3 
import styled from 'styled-components';
 3 
import styled from 'styled-components';
4 
import axios from '../../../utils/axios';
 4 
import axios from '../../../utils/axios';
5 
import { addNotification } from '../../../redux/notification/notification.actions';
 5 
import { addNotification } from '../../../redux/notification/notification.actions';
6 
import { connect } from 'react-redux';
 6 
import { connect } from 'react-redux';
Línea 16... Línea 16...
16 
  justify-content: center;
 16 
  justify-content: center;
17 
  align-items: center;
 17 
  align-items: center;
18 
  z-index: 300;
 18 
  z-index: 300;
19 
`;
 19 
`;
20 
function CloseAccount(props) {
 20 
function CloseAccount(props) {
21 
    const {addNotification} = props
 21 
    const { addNotification } = props
22 
    const [showInputCode, setShowInputCode] = useState(false);
 22 
    const [showInputCode, setShowInputCode] = useState(false);
23 
    const [loading, setLoading] = useState(false);
 23 
    const [loading, setLoading] = useState(false);
24 
    const [code, setCode] = useState('');
 24 
    const [code, setCode] = useState('');
25 
    const handleAlert = (status, message) => {
 25 
    const handleAlert = (status, message) => {
26 
        addNotification({
 26 
        addNotification({
27 
            style: status ? "success" : 'danger',
 27 
            style: status ? "success" : 'danger',
28 
            msg: message || 'Email enviado exitosamente',
 28 
            msg: message || 'Email enviado exitosamente',
29 
        });
 29 
        });
30 
    }
 30 
    }
31 
    const handleGetCode  = async () => {
 31 
    const handleGetCode = async () => {
32 
        try {
 32 
        try {
33 
            setShowInputCode(true)
 33 
            setShowInputCode(true)
34 
            setLoading(true)
 34 
            setLoading(true)
35 
            const res = await axios.get('/account-settings/delete-account');
 35 
            const res = await axios.get('/account-settings/delete-account');
36 
            handleAlert(res.data.success, res.data.data.message)
 36 
            handleAlert(res.data.success, res.data.data.message)
37 
        } catch (error) {
 37 
        } catch (error) {
38 
            handleAlert(false, 'Disculpe, ha ocurrido un error')
 38 
            handleAlert(false, 'Disculpe, ha ocurrido un error')
39 
            console.log('>>: error > ', error)
 39 
            console.log('>>: error > ', error)
40 
        }finally{
 40 
        } finally {
41 
            setLoading(false)
 41 
            setLoading(false)
42 
        }
 42 
        }
43 
    }
 43 
    }
Línea 44... Línea 44...
44 
 
 44 
 
Línea 49... Línea 49...
49 
            handleAlert(res.data.success, res.data.data.message)
 49 
            handleAlert(res.data.success, res.data.data.message)
50 
            console.log('>>: resend code > ', res)
 50 
            console.log('>>: resend code > ', res)
51 
        } catch (error) {
 51 
        } catch (error) {
52 
            handleAlert(false, 'Disculpe, ha ocurrido un error')
 52 
            handleAlert(false, 'Disculpe, ha ocurrido un error')
53 
            console.log('>>: error > ', error)
 53 
            console.log('>>: error > ', error)
54 
        }finally{
 54 
        } finally {
55 
            setLoading(false)
 55 
            setLoading(false)
56 
        }
 56 
        }
57 
    }
 57 
    }
Línea 58... Línea 58...
58 
 
 58 
 
Línea 65... Línea 65...
65 
            const data = new FormData();
 65 
            const data = new FormData();
66 
            data.append('code', code)
 66 
            data.append('code', code)
67 
            setLoading(true)
 67 
            setLoading(true)
68 
            const res = await axios.post('/account-settings/delete-account', data);
 68 
            const res = await axios.post('/account-settings/delete-account', data);
69 
            handleAlert(res.data.success, res.data.data.message)
 69 
            handleAlert(res.data.success, res.data.data.message)
70 
            if(res.data.success){
 70 
            if (res.data.success) {
71 
                logout()
 71 
                logout()
72 
            }
 72 
            }
73 
        } catch (error) {
 73 
        } catch (error) {
74 
            handleAlert(false, 'Disculpe, ha ocurrido un error')
 74 
            handleAlert(false, 'Disculpe, ha ocurrido un error')
75 
            console.log('>>: error > ', error)
 75 
            console.log('>>: error > ', error)
76 
        }finally{
 76 
        } finally {
77 
            setLoading(false)
 77 
            setLoading(false)
78 
        }
 78 
        }
79 
    }
 79 
    }
Línea 80... Línea 80...
80 
 
 80 
 
81 
    const CloseAccountContent = () => {
 81 
    const CloseAccountContent = () => {
82 
        if(showInputCode){
 82 
        if (showInputCode) {
83 
            return <form onSubmit={handleSubmit}>
 83 
            return <form onSubmit={handleSubmit}>
84 
                <div className="form-group">
 84 
                <div className="form-group">
85 
                    <label htmlFor="exampleInputEmail1">Ingrese el codigo enviado a su correo electrónico</label>
 85 
                    <label htmlFor="exampleInputEmail1">Ingrese el codigo enviado a su correo electrónico</label>
86 
                    <input
 86 
                    <input
Línea 93... Línea 93...
93 
                        ¿No ha recibido su correo?, solicite un codigo nuevo
 93 
                        ¿No ha recibido su correo?, solicite un codigo nuevo
94 
                    </button>
 94 
                    </button>
95 
                </div>
 95 
                </div>
96 
                <button type="submit" className="btn btn-primary">Enviar</button>
 96 
                <button type="submit" className="btn btn-primary">Enviar</button>
97 
            </form>
 97 
            </form>
98 
        }else{
 98 
        } else {
99 
            return <>
 99 
            return <>
100 
                <h1 className="text-center">¿Esta seguro de eliminar su cuenta?</h1>
 100 
                <h1 className="text-center">¿Esta seguro de eliminar su cuenta?</h1>
101 
                <div className="row">
 101 
                <div className="row">
102 
                    <div className='col-md col-sm-12 text-right'>
 102 
                    <div className='col-12 col-md-6 mx-auto d-flex justify-content-between'>
103 
                        <button className="btn btn-primary" onClick={() => handleGetCode()} disabled={showInputCode}>Si, estoy seguro</button>
 103 
                        <button className="btn btn-primary" onClick={() => handleGetCode()} disabled={showInputCode}>Si, estoy seguro</button>
104 
                    </div>
 - 
 
105 
                    <div className='col-md col-sm-12 text-left'>
 - 
 
106 
                        <button className="btn btn-primary" disabled={showInputCode}>No estoy seguro</button>
 104 
                        <button className="btn btn-primary" disabled={showInputCode}>No estoy seguro</button>
107 
                    </div>
 105 
                    </div>
108 
                </div>
 106 
                </div>
109 
            </>
 107 
            </>
110 
        }
 108 
        }
Línea 126... Línea 124...
126 
}
 124 
}
Línea 127... Línea 125...
127 
 
 125 
 
128 
const mapDispatchToProps = {
 126 
const mapDispatchToProps = {
129 
    addNotification: (notification) => addNotification(notification),
 127 
    addNotification: (notification) => addNotification(notification),
130 
};
 128 
};
131
129 
 
132 
export default connect(null, mapDispatchToProps)(CloseAccount);
 130 
export default connect(null, mapDispatchToProps)(CloseAccount);