Proyectos de Subversion LeadersLinked - SPA

Rev

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

Rev 5 Rev 1456
Línea 1... Línea 1...
1
import React from 'react'
1
import React from 'react'
2
import { useSelector } from 'react-redux'
-
 
3
import Button from 'react-bootstrap/Button'
-
 
4
import Modal from 'react-bootstrap/Modal'
-
 
Línea -... Línea 2...
-
 
2
 
5
 
3
import Modal from 'components/UI/modal/Modal'
Línea 6... Línea 4...
6
import Spinner from '../UI/Spinner'
4
import Spinner from 'components/UI/Spinner'
7
 
5
 
8
const ConfirmModal = ({
6
const ConfirmModal = ({
9
  show = false,
7
  show = false,
10
  title = '¿Estás seguro?',
8
  title = '¿Estás seguro?',
11
  message = '',
9
  message = '',
12
  loading = false,
10
  loading = false,
13
  onClose = () => null,
11
  onClose = () => null,
14
  onAccept = () => null,
-
 
15
}) => {
-
 
16
  const labels = useSelector(({ intl }) => intl.labels)
12
  onAccept = () => null
17
 
13
}) => {
18
  return (
-
 
19
    <Modal size="sm" show={show} onHide={onClose}>
-
 
20
      <Modal.Header closeButton>
-
 
21
        <Modal.Title>{title}</Modal.Title>
-
 
22
      </Modal.Header>
14
  return (
23
      <Modal.Body>
15
    <Modal title={title} show={show} onClose={onClose} onAccept={onAccept}>
24
        {message && <p>{message}</p>}
-
 
25
        {loading && <Spinner />}
-
 
26
      </Modal.Body>
-
 
27
      <Modal.Footer>
-
 
28
        <Button size="lg" type="submit" onClick={onAccept}>
-
 
29
          {labels.accept}
-
 
30
        </Button>
-
 
31
        <Button size="lg" onClick={onClose}>
-
 
32
          {labels.cancel}
-
 
33
        </Button>
16
      {message && <p>{message}</p>}
34
      </Modal.Footer>
17
      {loading && <Spinner />}
35
    </Modal>
18
    </Modal>
Línea 36... Línea 19...
36
  )
19
  )