Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 1971 Rev 1972
Línea 1... Línea -...
1
import React from 'react'
-
 
2
import { useState } from 'react'
1
import React,  { useState, useMemo } from 'react';
3
import Spinner from '../../../shared/loading-spinner/Spinner';
2
import Spinner from '../../../shared/loading-spinner/Spinner';
4
import styled from 'styled-components';
3
import styled from 'styled-components';
5
import { useMemo } from 'react';
-
 
Línea 6... Línea 4...
6
 
4
 
7
const StyledSpinnerContainer = styled.div`
5
const StyledSpinnerContainer = styled.div`
8
  position: absolute;
6
  position: absolute;
9
  left: 0;
7
  left: 0;
Línea 40... Línea 38...
40
    }
38
    }
Línea 41... Línea 39...
41
 
39
 
42
    const Content = useMemo(() => {
40
    const Content = useMemo(() => {
43
        if(showInputCode){
41
        if(showInputCode){
44
            return <form onSubmit={handleSubmit}>
42
            return <form onSubmit={handleSubmit}>
45
                <div class="form-group">
43
                <div className="form-group">
46
                    <label for="exampleInputEmail1">Ingrese el codigo</label>
44
                    <label htmlFor="exampleInputEmail1">Ingrese el codigo</label>
47
                    <input type="email" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" />
45
                    <input type="email" className="form-control" id="exampleInputEmail1" />
48
                    <small id="emailHelp" class="form-text text-muted">Este codigo fue enviado a tu correo electrónico.</small>
46
                    <small id="emailHelp" className="form-text text-muted">Este codigo fue enviado a tu correo electrónico.</small>
49
                </div>
47
                </div>
50
                <button type="submit" class="btn btn-primary">Enviar</button>
48
                <button type="submit" className="btn btn-primary">Enviar</button>
51
            </form>
49
            </form>
52
        }else{
50
        }else{
53
            return <>
51
            return <>
54
                <h1>¿Esta seguro de eliminar su cuenta?</h1>
52
                <h1>¿Esta seguro de eliminar su cuenta?</h1>