Proyectos de Subversion LeadersLinked - Backend

Rev

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

Rev 16680 Rev 16681
Línea 14... Línea 14...
14
import Spinner from './Spinner'
14
import Spinner from './Spinner'
15
import { CKEditor } from 'ckeditor4-react'
15
import { CKEditor } from 'ckeditor4-react'
16
import { config } from './helpers/ckeditor_config'
16
import { config } from './helpers/ckeditor_config'
Línea 17... Línea 17...
17
 
17
 
18
const ShareModal = () => {
-
 
19
  const [loading, setLoading] = useState(false)
-
 
20
  const { postUrl, isOpen, modalType } = useSelector(
-
 
21
    ({ shareModal }) => shareModal
-
 
22
  )
-
 
23
  const { currentPage, timelineUrl, feedSharedId } = useSelector(
-
 
24
    ({ feed }) => feed
-
 
25
  )
-
 
26
  const dispatch = useDispatch()
-
 
27
 
18
const ShareModal = () => {
28
  const {
19
  const {
29
    register,
20
    register,
30
    unregister,
21
    unregister,
31
    errors,
22
    errors,
32
    handleSubmit,
23
    handleSubmit,
33
    setValue,
24
    setValue,
34
    getValues,
25
    getValues,
35
    clearErrors,
26
    clearErrors,
36
    reset
27
    reset
37
  } = useForm({
-
 
38
    defaultValues: {
-
 
39
      description: '',
-
 
40
      share_width: ''
-
 
41
    }
-
 
42
  })
-
 
43
 
-
 
44
  useEffect(() => {
-
 
45
    register('posted_or_shared')
28
  } = useForm()
46
    setValue('posted_or_shared', shareModalTypes.POST)
-
 
47
 
-
 
48
    if (
-
 
49
      [
-
 
50
        shareModalTypes.IMAGE,
-
 
51
        shareModalTypes.VIDEO,
-
 
52
        shareModalTypes.FILE,
29
  const [loading, setLoading] = useState(false)
53
        shareModalTypes.SHARE,
30
  const { postUrl, isOpen, modalType } = useSelector(
54
        shareModalTypes.CHAT
-
 
55
      ]
31
    ({ shareModal }) => shareModal
56
    ) {
32
  )
57
      register('file', { required: 'El campo es requerido' })
-
 
58
    }
-
 
59
 
33
  const { currentPage, timelineUrl, feedSharedId } = useSelector(
60
    if (modalType === shareModalTypes.POST) {
-
 
61
      register('description', { required: 'El campo es requerido' })
34
    ({ feed }) => feed
62
    }
35
  )
Línea 63... Línea 36...
63
  }, [modalType])
36
  const dispatch = useDispatch()
64
 
37
 
65
  const recomendationText = {
38
  const recomendationText = {
66
    IMAGE: 'Tamaño recomendado: 720x720',
39
    IMAGE: 'Tamaño recomendado: 720x720',
67
    FILE: 'solo documentos PDF',
40
    FILE: 'solo documentos PDF',
Línea -... Línea 41...
-
 
41
    VIDEO: 'Video de extensión mp4, mpeg, webm'
68
    VIDEO: 'Video de extensión mp4, mpeg, webm'
42
  }
-
 
43
 
Línea -... Línea 44...
-
 
44
  const closeModal = () => {
-
 
45
    dispatch(closeShareModal())
69
  }
46
  }
-
 
47
 
Línea 70... Línea 48...
70
 
48
  const onUploadedHandler = (files) => {
-
 
49
    setValue('file', files)
71
  const closeModal = () => dispatch(closeShareModal())
50
    clearErrors('file')
72
 
51
  }
Línea 73... Línea 52...
73
  useEffect(() => clearErrors(), [isOpen])
52
 
74
 
53
  const onSubmit = (data) => {
Línea 127... Línea 106...
127
        setLoading(false)
106
        setLoading(false)
128
        closeModal()
107
        closeModal()
129
      })
108
      })
130
  }
109
  }
Línea -... Línea 110...
-
 
110
 
-
 
111
  useEffect(() => {
-
 
112
    clearErrors()
-
 
113
  }, [isOpen])
131
 
114
 
132
  const onUploadedHandler = (files) => {
115
  useEffect(() => {
-
 
116
    register('posted_or_shared')
-
 
117
    setValue('posted_or_shared', shareModalTypes.POST)
-
 
118
 
-
 
119
    if (
-
 
120
      [
-
 
121
        shareModalTypes.IMAGE,
-
 
122
        shareModalTypes.VIDEO,
-
 
123
        shareModalTypes.FILE,
133
    setValue('file', files)
124
        shareModalTypes.SHARE,
-
 
125
        shareModalTypes.CHAT
-
 
126
      ]
-
 
127
    ) {
-
 
128
      register('file', { required: 'El campo es requerido' })
-
 
129
    }
-
 
130
 
-
 
131
    if (modalType === shareModalTypes.POST) {
134
    clearErrors('file')
132
      register('description', { required: 'El campo es requerido' })
-
 
133
    }
Línea 135... Línea 134...
135
  }
134
  }, [modalType])
136
 
135
 
137
  return (
136
  return (
138
    <Modal show={isOpen} onHide={closeModal} autoFocus={false}>
137
    <Modal show={isOpen} onHide={closeModal}>
139
      <Modal.Header closeButton>
138
      <Modal.Header closeButton>
140
        <Modal.Title>Compartir una publicación</Modal.Title>
139
        <Modal.Title>Compartir una publicación</Modal.Title>
141
      </Modal.Header>
140
      </Modal.Header>