Proyectos de Subversion LeadersLinked - SPA

Rev

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

Rev 1437 Rev 1929
Línea 1... Línea 1...
1 
import React, { useState } from 'react'
 1 
import React, { useState } from 'react'
2 
import { useSelector } from 'react-redux'
 2 
import { useSelector } from 'react-redux'
3 
import { shareModalTypes } from '../../redux/share-modal/shareModal.types'
 3 
import { shareModalTypes } from '../../redux/share-modal/shareModal.types'
Línea 4... Línea 4...
4 
 
 4 
 
5 
import Modal from 'components/UI/modal/Modal'
 - 
 
6 
import Spinner from 'components/UI/Spinner'
 5 
import Modal from 'components/UI/modal/Modal'
7 
import FormErrorFeedback from 'components/UI/form/FormErrorFeedback'
 6 
import FormErrorFeedback from 'components/UI/form/FormErrorFeedback'
Línea 8... Línea 7...
8 
import DropzoneComponent from 'components/dropzone/DropzoneComponent'
 7 
import DropzoneComponent from 'components/dropzone/DropzoneComponent'
9 
 
 8 
 
10 
const FileModal = ({ isShow, onHide, onComplete, loading }) => {
 9 
const FileModal = ({ isShow, onHide, onComplete }) => {
11 
  const [selectedFile, setSelectedFile] = useState(null)
 10 
  const [selectedFile, setSelectedFile] = useState(null)
Línea 12... Línea 11...
12 
  const [error, setError] = useState(false)
 11 
  const [error, setError] = useState(false)
Línea 35... Línea 34...
35 
      show={isShow}
 34 
      show={isShow}
36 
      onClose={onClose}
 35 
      onClose={onClose}
37 
      onReject={onClose}
 36 
      onReject={onClose}
38 
      onAccept={handleSubmit}
 37 
      onAccept={handleSubmit}
39 
    >
 38 
    >
40 
      {loading ? (
 - 
 
41 
        <Spinner />
 - 
 
42 
      ) : (
 - 
 
43 
        <DropzoneComponent
 39 
        <DropzoneComponent
44 
          modalType={shareModalTypes.CHAT}
 40 
          modalType={shareModalTypes.CHAT}
45 
          onUploaded={onUpload}
 41 
          onUploaded={onUpload}
46 
          settedFile={selectedFile}
 42 
          settedFile={selectedFile}
47 
          recomendationText={
 43 
          recomendationText={
48 
            <p className='text-center'>
 44 
            <p className='text-center'>
49 
              {labels.extensions_allowed}: png, jpg, jpeg, mp4, mpeg, webm, pdf.
 45 
              {labels.extensions_allowed}: png, jpg, jpeg, mp4, mpeg, webm, pdf.
50 
            </p>
 46 
            </p>
51 
          }
 47 
          }
52 
        />
 48 
        />
53 
      )}
 49 
 
54 
      {error && <FormErrorFeedback>{labels.select_file}</FormErrorFeedback>}
 50 
      {error && <FormErrorFeedback>{labels.select_file}</FormErrorFeedback>}
55 
    </Modal>
 51 
    </Modal>
56 
  )
 52 
  )
57 
}
 53 
}