Proyectos de Subversion LeadersLinked - SPA

import React from 'react'

import React from 'react';

import { useSelector } from 'react-redux'

import { useSelector } from 'react-redux';

import { Button } from '@mui/material'

import { Button, IconButton } from '@mui/material';

import BootstrapModal from 'react-bootstrap/Modal'

import { Modal as MuiModal } from '@mui/material';

import Spinner from '../Spinner';

  formId = ''

  formId = ''

  const labels = useSelector(({ intl }) => intl.labels)

  const labels = useSelector(({ intl }) => intl.labels);

  return (

  return (

    <BootstrapModal

    <MuiModal open={show} onClose={onClose}>

      animation={animation}

      <Widget

      className={dialogClassName}

        styles={{

      centered={centered}

          left: '50%',

      show={show}

          transform: 'translate(-50%, -50%)',

      size={size}

          width: size === 'sm' ? '300px' : size === 'md' ? '500px' : '700px',

      onHide={onClose}

          maxHeight: '90vh',

      onShow={onShow}

          overflowY: 'auto'

      autoFocus={false}

      >

      enforceFocus={false}

        <Widget.Header

    >

          title={title}

      <BootstrapModal.Header className={styles['modal-header']} closeButton>

            </IconButton>

        <BootstrapModal.Title>{title}</BootstrapModal.Title>

          )}

      </BootstrapModal.Header>

        />

      <BootstrapModal.Body className={styles['modal-content']}>

        <Widget.Body styles={{ position: 'relative' }}>

        {loading && <Spinner absolute />}

          {loading && <Spinner absolute />}

        {children}

          {children}

      </BootstrapModal.Body>

        </Widget.Body>

      {showFooter ? (

        {showFooter && (

        <BootstrapModal.Footer className={styles['modal-footer']}>

          <Widget.Actions styles={{ display: 'flex', justifyContent: 'flex-start', gap: 1 }}>

          <Button

            <Button

            color='primary'

              color='primary'

            onClick={onAccept}

              onClick={onAccept}

            disabled={loading}

              disabled={loading}

            form={formId}

              form={formId}

            type={formId ? 'submit' : 'button'}

              type={formId ? 'submit' : 'button'}

          >

            >

            {labelAccept || labels.accept}

              {labelAccept || labels.accept}

          </Button>

            </Button>

          <Button color='secondary' onClick={onReject || onClose}>

            <Button color='secondary' onClick={onReject || onClose}>

            {labelReject || labels.cancel}

              {labelReject || labels.cancel}

          </Button>

          </Widget.Actions>

        </BootstrapModal.Footer>

        )}

      ) : null}

      </Widget>

    </BootstrapModal>

    </MuiModal>