Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 1970 Rev 1971
Línea 1... Línea 1...
1 
import React from 'react'
 1 
import React from 'react'
2 
import { useState } from 'react'
 2 
import { useState } from 'react'
3 
import Spinner from '../../../shared/loading-spinner/Spinner';
 3 
import Spinner from '../../../shared/loading-spinner/Spinner';
4 
import styled from 'styled-components';
 4 
import styled from 'styled-components';
- 
 
 5 
import { useMemo } from 'react';
Línea 5... Línea 6...
5 
 
 6 
 
6 
const StyledSpinnerContainer = styled.div`
 7 
const StyledSpinnerContainer = styled.div`
7 
  position: absolute;
 8 
  position: absolute;
8 
  left: 0;
 9 
  left: 0;
Línea 35... Línea 36...
35 
            console.log('>>: error > ', error)
 36 
            console.log('>>: error > ', error)
36 
        }finally{
 37 
        }finally{
37 
            setLoading(false)
 38 
            setLoading(false)
38 
        }
 39 
        }
39 
    }
 40 
    }
- 
 
 41 
 
- 
 
 42 
    const Content = useMemo(() => {
40 
    return (
 43 
        if(showInputCode){
41 
        <div className="acc-setting h-100" style={{ position: "relative" }}>
 44 
            return <form onSubmit={handleSubmit}>
42 
            <div className="container">
 45 
                <div class="form-group">
- 
 
 46 
                    <label for="exampleInputEmail1">Ingrese el codigo</label>
- 
 
 47 
                    <input type="email" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" />
- 
 
 48 
                    <small id="emailHelp" class="form-text text-muted">Este codigo fue enviado a tu correo electrónico.</small>
- 
 
 49 
                </div>
- 
 
 50 
                <button type="submit" class="btn btn-primary">Enviar</button>
- 
 
 51 
            </form>
- 
 
 52 
        }else{
- 
 
 53 
            return <>
43 
                <h1>¿Esta seguro de eliminar su cuenta?</h1>
 54 
                <h1>¿Esta seguro de eliminar su cuenta?</h1>
44 
                <div className="row">
 55 
                <div className="row">
45 
                    <div className='col-md col-sm-12'>
 56 
                    <div className='col-md col-sm-12'>
46 
                        <button className="btn btn-primary" onClick={handleGetCode} disabled={showInputCode}>Si, estoy seguro</button>
 57 
                        <button className="btn btn-primary" onClick={handleGetCode} disabled={showInputCode}>Si, estoy seguro</button>
47 
                    </div>
 58 
                    </div>
48 
                    <div className='col-md col-sm-12'>
 59 
                    <div className='col-md col-sm-12'>
49 
                        <button className="btn btn-primary" disabled={showInputCode}>No</button>
 60 
                        <button className="btn btn-primary" disabled={showInputCode}>No</button>
50 
                    </div>
 61 
                    </div>
51 
                </div>
 62 
                </div>
- 
 
 63 
            </>
- 
 
 64 
        }
- 
 
 65 
    }, [showInputCode])
- 
 
 66 
    return (
- 
 
 67 
        <div className="acc-setting h-100" style={{ position: "relative" }}>
- 
 
 68 
            <div className="container">
- 
 
 69 
                <div className="d-flex justify-content-center align-items-center">
- 
 
 70 
                    <Content />
- 
 
 71 
                </div>
52 
            </div>
 72 
            </div>
53 
            {
 - 
 
54 
                showInputCode && (
 - 
 
55 
                    <form onSubmit={handleSubmit}>
 - 
 
56 
                        <div class="form-group">
 - 
 
57 
                            <label for="exampleInputEmail1">Ingrese el codigo</label>
 - 
 
58 
                            <input type="email" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" />
 - 
 
59 
                            <small id="emailHelp" class="form-text text-muted">Este codigo fue enviado a tu correo electrónico.</small>
 - 
 
60 
                        </div>
 - 
 
61 
                        <button type="submit" class="btn btn-primary">Enviar</button>
 - 
 
62 
                    </form>
 - 
 
63 
                )
 - 
 
64 
            }
 - 
 
65 
            {loading && (
 73 
            {loading && (
66 
                <StyledSpinnerContainer>
 74 
                <StyledSpinnerContainer>
67 
                    <Spinner />
 75 
                    <Spinner />
68 
                </StyledSpinnerContainer>
 76 
                </StyledSpinnerContainer>
69 
            )}
 77 
            )}