Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 4064 | Mostrar el archivo completo | | | Autoría | Ultima modificación | Ver Log |

Rev 4064 Rev 4378
Línea 20... Línea 20...
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 
 
25 
    const handleAlert = (status, message) => {
 26 
    const handleAlert = (status, message) => {
26 
        addNotification({
 27 
        addNotification({
27 
            style: status ? "success" : 'danger',
 28 
            style: status ? "success" : 'danger',
28 
            msg: message || 'Email enviado exitosamente',
 29 
            msg: message || 'Email enviado exitosamente',
29 
        });
 30 
        });
30 
    }
 31 
    }
- 
 
 32 
 
31 
    const handleGetCode = async () => {
 33 
    const handleGetCode = async () => {
32 
        try {
 34 
        try {
33 
            setShowInputCode(true)
 35 
            setShowInputCode(true)
34 
            setLoading(true)
 36 
            setLoading(true)
35 
            const res = await axios.get('/account-settings/delete-account');
 37 
            const res = await axios.get('/account-settings/delete-account');
Línea 87... Línea 89...
87 
                        type="text"
 89 
                        type="text"
88 
                        className="form-control"
 90 
                        className="form-control"
89 
                        onChange={e => setCode(e.target.value)}
 91 
                        onChange={e => setCode(e.target.value)}
90 
                        value={code}
 92 
                        value={code}
91 
                    />
 93 
                    />
92 
                    <button className="btn btn-link btn-sm" onClick={() => resendCode()}>
 94 
                    <a href='#' onClick={(e) => {
- 
 
 95 
                        e.preventDefault()
- 
 
 96 
                        resendCode()
- 
 
 97 
                    }}>
93 
                        ¿No ha recibido su correo?, solicite un codigo nuevo
 98 
                        ¿No ha recibido su correo?, solicite un codigo nuevo
94 
                    </button>
 99 
                    </a>
95 
                </div>
 100 
                </div>
96 
                <button type="submit" className="btn btn-primary">Enviar</button>
 101 
                <button type="submit" className="btn btn-primary">Enviar</button>
97 
            </form>
 102 
            </form>
98 
        } else {
 103 
        } else {
99 
            return <>
 104 
            return <>
100 
                <h1 className="text-center">¿Esta seguro de eliminar su cuenta?</h1>
 105 
                <h1 className="text-center">¿Esta seguro de eliminar su cuenta?</h1>
101 
                <div className="row">
 106 
                <div className="row">
102 
                    <div className='col-12 col-md-6 mx-auto d-flex justify-content-between'>
 107 
                    <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>
 108 
                        <button className="btn btn-primary" onClick={() => handleGetCode()} disabled={showInputCode}>Si, estoy seguro</button>
104 
                        <button className="btn btn-primary" disabled={showInputCode}>No estoy seguro</button>
 109 
                        <button className="btn btn-secondary" disabled={showInputCode}>No estoy seguro</button>
105 
                    </div>
 110 
                    </div>
106 
                </div>
 111 
                </div>
107 
            </>
 112 
            </>
108 
        }
 113 
        }
109 
    }
 114 
    }
110 
    return (
 115 
    return (
111 
        <div className="acc-setting h-100 d-flex justify-content-center align-items-center" style={{ position: "relative" }}>
 116 
        <div className="acc-setting h-100 justify-content-center align-items-center">
112 
            <div className="container">
 117 
            <div className="container">
113 
                <div className="">
 - 
 
114 
                    {CloseAccountContent()}
 118 
                {CloseAccountContent()}
115 
                </div>
 - 
 
116 
            </div>
 119 
            </div>
117 
            {loading && (
 - 
 
118 
                <StyledSpinnerContainer>
 - 
 
119 
                    <Spinner />
 120 
            {loading && <Spinner />}
120 
                </StyledSpinnerContainer>
 - 
 
121 
            )}
 - 
 
122 
        </div>
 121 
        </div>
123 
    )
 122 
    )
124 
}
 123 
}
Línea 125... Línea 124...
125 
 
 124