Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 1291 | | Comparar con el anterior | Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
5916 stevensc 1 
import React, { useState } from 'react'
2 
import { Button, Modal } from 'react-bootstrap'
3 
import { shareModalTypes } from '../../../../redux/share-modal/shareModal.types'
1 www 4 
 
5916 stevensc 5 
import FormErrorFeedback from '../../../../shared/form-error-feedback/FormErrorFeedback'
6 
import DropzoneComponent from '../../../../shared/dropzone/DropzoneComponent'
7 
import Spinner from '../../../../shared/loading-spinner/Spinner'
1 www 8 
 
5916 stevensc 9 
const SendFileModal = ({ isShow, onHide, onComplete, loading }) => {
10 
  const [selectedFile, setSelectedFile] = useState(null)
11 
  const [error, setError] = useState(false)
1 www 12 
 
5916 stevensc 13 
  const onUpload = (file) => {
14 
    setSelectedFile(file)
15 
  }
1 www 16 
 
5916 stevensc 17 
  const onClose = () => {
18 
    setSelectedFile(null)
19 
    onHide()
20 
  }
1 www 21 
 
5916 stevensc 22 
  const handleSubmit = () => {
23 
    if (!selectedFile) {
24 
      setError(true)
25 
      return
26 
    }
1 www 27 
 
5916 stevensc 28 
    onComplete(selectedFile)
29 
  }
1 www 30 
 
31 
  return (
5916 stevensc 32 
    <Modal show={isShow} onHide={onClose}>
33 
      <Modal.Body>
34 
        {loading ? (
35 
          <Spinner />
36 
        ) : (
37 
          <DropzoneComponent
38 
            modalType={shareModalTypes.CHAT}
39 
            onUploaded={onUpload}
40 
            settedFile={selectedFile}
41 
            recomendationText={
42 
              <p className="text-center">
43 
                Imagenes: png, jpg, jpeg
44 
                <br />
45 
                Videos: mp4, mpeg, webm
46 
                <br />
47 
                Archivos: pdf
48 
              </p>
49 
            }
50 
          />
51 
        )}
52 
        {error && (
53 
          <FormErrorFeedback>Por favor seleccione un archivo</FormErrorFeedback>
54 
        )}
55 
      </Modal.Body>
56 
      <Modal.Footer>
57 
        <Button variant="primary" onClick={handleSubmit} disabled={loading}>
58 
          Enviar
59 
        </Button>
60 
        <Button variant="danger" onClick={onClose}>
61 
          Cancelar
62 
        </Button>
63 
      </Modal.Footer>
1 www 64 
    </Modal>
5916 stevensc 65 
  )
66 
}
1 www 67 
 
5916 stevensc 68 
export default SendFileModal