Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 1270 Rev 3721
Línea -... Línea 1...
- 
 
 1 
/* eslint-disable react/prop-types */
1 
import React from "react";
 2 
import React from "react";
2 
import { Button, Modal } from "react-bootstrap";
 3 
import { Button, Modal } from "react-bootstrap";
3 
import styled from "styled-components";
 4 
import styled from "styled-components";
4 
import Spinner from "../loading-spinner/Spinner";
 5 
import Spinner from "../loading-spinner/Spinner";
5 
import "../../css/shared/global.scss";
 6 
import "../../css/shared/global.scss";
Línea 22... Línea 23...
22 
const ConfirmModal = (props) => {
 23 
const ConfirmModal = (props) => {
23 
  // props destructuring
 24 
  // props destructuring
24 
  const {
 25 
  const {
25 
    show,
 26 
    show,
26 
    onClose,
 27 
    onClose,
27 
    title = "Está seguro?",
 28 
    title = "¿Está seguro?",
28 
    loading,
 29 
    loading,
29 
    onAccept,
 30 
    onAccept,
30 
    message,
 31 
    message,
31 
    acceptLabel = "Enviar",
 32 
    acceptLabel = "Enviar",
32 
  } = props;
 33 
  } = props;
Línea 33... Línea -...
33 
 
 - 
 
34 
  // states
 - 
 
35 
  // const [isLoading, setisLoading] = useState(false);
 - 
 
36 
  // useEffect(() => {
 - 
 
37 
 
 - 
 
38 
  // }, [input])
 - 
 
39
34 
 
40 
  return (
 35 
  return (
41 
    <StyledModal>
 36 
    <StyledModal>
42 
      <Modal
 37 
      <Modal
43 
        size="sm"
 38 
        size="sm"
Línea 49... Línea 44...
49 
          <Modal.Title>{title}</Modal.Title>
 44 
          <Modal.Title>{title}</Modal.Title>
50 
        </Modal.Header>
 45 
        </Modal.Header>
51 
        <Modal.Body>
 46 
        <Modal.Body>
52 
          {message && message}
 47 
          {message && message}
53 
          <StyledModalBody>
 48 
          <StyledModalBody>
54 
          <Button
 49 
            <Button
55 
              size="lg"
 50 
              size="lg"
56 
              onClick={onClose}
 51 
              onClick={onClose}
57 
            >
 52 
            >
58 
              Cancelar
 53 
              Cancelar
59 
            </Button>
 54 
            </Button>
60 
            <Button size="lg" type="submit" onClick={onAccept}>
 55 
            <Button size="lg" type="submit" onClick={onAccept}>
61 
              {acceptLabel}
 56 
              {acceptLabel}
62 
            </Button>
 57 
            </Button>
63 
          </StyledModalBody>
 58 
          </StyledModalBody>
64 
        </Modal.Body>
 59 
        </Modal.Body>
65 
 
 - 
 
66 
        {loading && (
 60 
        {loading &&
67 
          <div className="spinner-container">
 61 
          <div className="spinner-container">
68 
            <Spinner />
 62 
            <Spinner />
69 
          </div>
 63 
          </div>
70 
        )}
 64 
        }
71 
      </Modal>
 65 
      </Modal>
72 
    </StyledModal>
 66 
    </StyledModal>
73 
  );
 67 
  );
74 
};
 68 
};