Proyectos de Subversion LeadersLinked - Backend

Rev

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

Rev 15267 Rev 15271
Línea 1... Línea 1...
1 
import axios from 'axios'
 1 
import axios from 'axios'
2 
import React, { useState } from 'react'
 2 
import React from 'react'
3 
import { useEffect } from 'react'
 3 
import { useEffect } from 'react'
4 
import { Modal, Button } from 'react-bootstrap'
 4 
import { Modal, Button } from 'react-bootstrap'
5 
import { useForm } from 'react-hook-form'
 5 
import { useForm } from 'react-hook-form'
6 
import { useDispatch } from 'react-redux'
 6 
import { useDispatch } from 'react-redux'
7 
import { addNotification } from '../../../redux/notification/notification.actions'
 7 
import { addNotification } from '../../../redux/notification/notification.actions'
Línea 12... Línea 12...
12 
	closeModal,
 12 
	closeModal,
13 
	coverUploadUrl,
 13 
	coverUploadUrl,
14 
	action
 14 
	action
15 
}) => {
 15 
}) => {
Línea 16... Línea 16...
16 
 
 16 
 
17 
	const { handleSubmit, register, getValues, setValue, clearErrors } = useForm()
 - 
 
18 
	const [error, setError] = useState(null)
 17 
	const { handleSubmit, register, getValues, setValue, clearErrors, errors } = useForm()
Línea 19... Línea 18...
19 
	const dispatch = useDispatch()
 18 
	const dispatch = useDispatch()
20 
 
 19 
 
21 
	const onSubmit = ({ cover }) => {
 20 
	const onSubmit = ({ cover }) => {
Línea 39... Línea 38...
39 
							)
 38 
							)
40 
						)
 39 
						)
41 
					return
 40 
					return
42 
				}
 41 
				}
43 
				action(data.data)
 42 
				action(data.data)
44 
				setError(null)
 - 
 
45 
				closeModal()
 43 
				closeModal()
46 
			})
 44 
			})
47 
			.catch((err) => console.log(err))
 45 
			.catch((err) => console.log(err))
48 
	}
 46 
	}
Línea 55... Línea 53...
55 
	useEffect(() => {
 53 
	useEffect(() => {
56 
		if (getValues('cover')) setValue('cover', '')
 54 
		if (getValues('cover')) setValue('cover', '')
57 
	}, [isOpen])
 55 
	}, [isOpen])
Línea 58... Línea 56...
58 
 
 56 
 
59 
	useEffect(() => {
 57 
	useEffect(() => {
60 
		register('cover', {
 - 
 
61 
			required: { value: 'true', message: 'El campo es requerido' },
 - 
 
62 
		})
 58 
		register('cover', { required: true })
Línea 63... Línea 59...
63 
	}, [isOpen])
 59 
	}, [])
64 
 
 60 
 
65 
	return (
 61 
	return (
66 
		<Modal
 62 
		<Modal
Línea 80... Línea 76...
80 
							onUploaded={onUploadedHandler}
 76 
							onUploaded={onUploadedHandler}
81 
							settedFile={getValues('cover')}
 77 
							settedFile={getValues('cover')}
82 
							recomendationText='Imagen recomendada de (2480 x 268px)'
 78 
							recomendationText='Imagen recomendada de (2480 x 268px)'
83 
						/>
 79 
						/>
84 
					</div>
 80 
					</div>
85 
					{error && <p>{error}</p>}
 81 
					{errors.cover && <p>Este campo es requerido</p>}
86 
				</Modal.Body>
 82 
				</Modal.Body>
87 
				<Modal.Footer>
 83 
				<Modal.Footer>
88 
					<Button
 84 
					<Button
89 
						variant="primary"
 85 
						variant="primary"
90 
						type="submit"
 86 
						type="submit"