Proyectos de Subversion LeadersLinked - SPA

Rev

Rev 3172 | Rev 3179 | Ir a la última revisión | | Comparar con el anterior | Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
2722 stevensc 1 
import React from 'react'
1426 stevensc 2 
import { useSelector } from 'react-redux'
3167 stevensc 3 
import { Button } from '@mui/material'
1426 stevensc 4 
import BootstrapModal from 'react-bootstrap/Modal'
5 
 
2722 stevensc 6 
import Spinner from '../Spinner'
1426 stevensc 7 
 
8 
import styles from './Modal.module.scss'
9 
 
10 
const Modal = ({
11 
  show = false,
12 
  title = '',
3172 stevensc 13 
  onAccept,
14 
  onClose,
15 
  onShow,
1426 stevensc 16 
  onReject = null,
17 
  labelAccept = '',
18 
  labelReject = '',
19 
  size = 'md',
20 
  centered = true,
21 
  animation = true,
22 
  showFooter = true,
1960 stevensc 23 
  dialogClassName,
2722 stevensc 24 
  loading = false,
3171 stevensc 25 
  children,
26 
  formId = ''
1426 stevensc 27 
}) => {
28 
  const labels = useSelector(({ intl }) => intl.labels)
29 
 
3175 stevensc 30 
  console.log(loading)
31 
 
1426 stevensc 32 
  return (
33 
    <BootstrapModal
34 
      animation={animation}
1960 stevensc 35 
      className={dialogClassName}
1426 stevensc 36 
      centered={centered}
37 
      show={show}
38 
      size={size}
39 
      onHide={onClose}
40 
      onShow={onShow}
2556 stevensc 41 
      autoFocus={false}
42 
      enforceFocus={false}
1426 stevensc 43 
    >
44 
      <BootstrapModal.Header className={styles['modal-header']} closeButton>
45 
        <BootstrapModal.Title>{title}</BootstrapModal.Title>
46 
      </BootstrapModal.Header>
47 
 
48 
      <BootstrapModal.Body className={styles['modal-content']}>
3175 stevensc 49 
        {loading && <Spinner absolute />}
1426 stevensc 50 
        {children}
51 
      </BootstrapModal.Body>
52 
 
53 
      {showFooter ? (
54 
        <BootstrapModal.Footer className={styles['modal-footer']}>
3171 stevensc 55 
          <Button
56 
            color='primary'
57 
            onClick={onAccept}
58 
            disabled={loading}
59 
            form={formId}
3172 stevensc 60 
            type={formId ? 'submit' : 'button'}
3171 stevensc 61 
          >
1567 stevensc 62 
            {labelAccept || labels.accept}
63 
          </Button>
3156 stevensc 64 
          <Button color='secondary' onClick={onReject || onClose}>
1567 stevensc 65 
            {labelReject || labels.cancel}
66 
          </Button>
1426 stevensc 67 
        </BootstrapModal.Footer>
68 
      ) : null}
69 
    </BootstrapModal>
70 
  )
71 
}
72 
 
73 
export default Modal