Proyectos de Subversion LeadersLinked - SPA

Rev

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

Rev 5 Rev 1217
Línea 1... Línea 1...
1 
import React, { useState } from 'react'
 1 
import React, { useState } from 'react'
2 
import { Button, Modal } from 'react-bootstrap'
 - 
 
3 
import { useSelector } from 'react-redux'
 2 
import { useSelector } from 'react-redux'
4 
import { shareModalTypes } from '../../redux/share-modal/shareModal.types'
 3 
import { shareModalTypes } from '../../redux/share-modal/shareModal.types'
Línea -... Línea 4...
- 
 
 4 
 
5 
 
 5 
import Modal from 'components/UI/Modal'
6 
import Spinner from '../UI/Spinner'
 6 
import Spinner from 'components/UI/Spinner'
7 
import FormErrorFeedback from '../UI/FormErrorFeedback'
 7 
import FormErrorFeedback from 'components/UI/FormErrorFeedback'
Línea 8... Línea 8...
8 
import DropzoneComponent from '../dropzone/DropzoneComponent'
 8 
import DropzoneComponent from 'components/dropzone/DropzoneComponent'
9 
 
 9 
 
10 
const FileModal = ({ isShow, onHide, onComplete, loading }) => {
 10 
const FileModal = ({ isShow, onHide, onComplete, loading }) => {
11 
  const [selectedFile, setSelectedFile] = useState(null)
 11 
  const [selectedFile, setSelectedFile] = useState(null)
Línea 29... Línea 29...
29 
 
 29 
 
30 
    onComplete(selectedFile)
 30 
    onComplete(selectedFile)
Línea 31... Línea 31...
31 
  }
 31 
  }
- 
 
 32 
 
32 
 
 33 
  return (
33 
  return (
 34 
    <Modal
- 
 
 35 
      show={isShow}
- 
 
 36 
      onClose={onClose}
- 
 
 37 
      onReject={onClose}
34 
    <Modal show={isShow} onHide={onClose}>
 38 
      onAccept={handleSubmit}
35 
      <Modal.Body>
 39 
    >
36 
        {loading ? (
 40 
      {loading ? (
37 
          <Spinner />
 41 
        <Spinner />
38 
        ) : (
 42 
      ) : (
39 
          <DropzoneComponent
 43 
        <DropzoneComponent
40 
            modalType={shareModalTypes.CHAT}
 44 
          modalType={shareModalTypes.CHAT}
41 
            onUploaded={onUpload}
 45 
          onUploaded={onUpload}
42 
            settedFile={selectedFile}
 46 
          settedFile={selectedFile}
43 
            recomendationText={
 47 
          recomendationText={
44 
              <p className="text-center">
 - 
 
45 
                {labels.extensions_allowed}: png, jpg, jpeg, mp4, mpeg, webm,
 48 
            <p className='text-center'>
46 
                pdf.
 49 
              {labels.extensions_allowed}: png, jpg, jpeg, mp4, mpeg, webm, pdf.
47 
              </p>
 50 
            </p>
48 
            }
 51 
          }
49 
          />
 52 
        />
50 
        )}
 - 
 
51 
        {error && <FormErrorFeedback>{labels.select_file}</FormErrorFeedback>}
 - 
 
52 
      </Modal.Body>
 - 
 
53 
      <Modal.Footer>
 - 
 
54 
        <Button variant="primary" onClick={handleSubmit} disabled={loading}>
 - 
 
55 
          {labels.accept}
 - 
 
56 
        </Button>
 - 
 
57 
        <Button variant="danger" onClick={onClose}>
 - 
 
58 
          {labels.cancel}
 - 
 
59 
        </Button>
 53 
      )}
60 
      </Modal.Footer>
 54 
      {error && <FormErrorFeedback>{labels.select_file}</FormErrorFeedback>}
61 
    </Modal>
 55 
    </Modal>
Línea 62... Línea 56...
62 
  )
 56 
  )