Proyectos de Subversion LeadersLinked - Backend

Rev

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

Rev 6305 Rev 11152
Línea 3... Línea 3...
3 
import { Button, Modal } from 'react-bootstrap'
 3 
import { Button, Modal } from 'react-bootstrap'
4 
import { useForm } from 'react-hook-form'
 4 
import { useForm } from 'react-hook-form'
Línea 5... Línea 5...
5 
 
 5 
 
Línea 6... Línea 6...
6 
const FooterModal = ({ isOpen, closeModal, footerUploadUrl, action }) => {
 6 
const FooterModal = ({ isOpen, closeModal, footerUploadUrl, action }) => {
7 
 
 7 
 
Línea 8... Línea 8...
8 
    const { handleSubmit, register } = useForm()
 8 
	const { handleSubmit, register } = useForm()
9 
    const [error, setError] = useState();
 9 
	const [error, setError] = useState()
10 
 
 10 
 
11 
    const onSubmit = ({ footer }) => {
 11 
	const onSubmit = ({ footer }) => {
12 
        const data = new FormData()
 12 
		const data = new FormData()
13 
        data.append("footer", footer[0])
 13 
		data.append('footer', footer[0])
14 
 
 14 
 
15 
        axios.post(footerUploadUrl, data)
 15 
		axios.post(footerUploadUrl, data)
16 
            .then(({ data }) => {
 16 
			.then(({ data }) => {
17 
                if (!data.success) {
 17 
				if (!data.success) {
18 
                    return setError(data.data)
 18 
					return setError(data.data)
19 
                }
 19 
				}
20 
                action(data.data)
 20 
				action(data.data)
21 
            })
 21 
			})
22 
            .then(() => {
 22 
			.then(() => {
23 
                setError(null)
 23 
				setError(null)
24 
                closeModal()
 24 
				closeModal()
25 
            })
 25 
			})
26 
            .catch(err => console.log(err))
 26 
			.catch(err => console.log(err))
27 
    }
 27 
	}
28 
 
 28 
 
29 
    return (
 29 
	return (
30 
        <Modal
 30 
		<Modal
31 
            size="md"
 31 
			size="md"
32 
            show={isOpen}
 32 
			show={isOpen}
33 
            onHide={closeModal}
 33 
			onHide={closeModal}
34 
            autoFocus={false}
 34 
			autoFocus={false}
35 
        >
 35 
		>
36 
            <Modal.Header closeButton>
 36 
			<Modal.Header closeButton>
37 
                <Modal.Title>Cambiar</Modal.Title>
 37 
				<Modal.Title>Cambiar</Modal.Title>
38 
            </Modal.Header>
 38 
			</Modal.Header>
39 
            <form onSubmit={handleSubmit(onSubmit)}>
 39 
			<form onSubmit={handleSubmit(onSubmit)}>
40 
                <Modal.Body>
 40 
				<Modal.Body>
41 
                    <div className="mb-3">
 41 
					<div className="mb-3">
42 
                        <label for="formFileSm" className="form-label">Imagen recomendada de (2480 x 268px)</label>
 42 
						<label htmlFor="formFileSm" className="form-label">Imagen recomendada de (2480 x 268px)</label>
43 
                        <input
 43 
						<input
44 
                            className="form-control form-control-sm"
 44 
							className="form-control form-control-sm"
45 
                            id="formFileSm"
 45 
							id="formFileSm"
46 
                            type="file"
 46 
							type="file"
47 
                            name="footer"
 47 
							name="footer"
48 
                            accept='.jpg, .jpeg, .png, .gif'
 48 
							accept='.jpg, .jpeg, .png, .gif'
49 
                            ref={register}
 49 
							ref={register}
50 
                            style={{ padding: '1px' }}
 50 
							style={{ padding: '1px' }}
51 
                        />
 51 
						/>
52 
                    </div>
 52 
					</div>
53 
                    {error && <p>{error}</p>}
 53 
					{error && <p>{error}</p>}
54 
                </Modal.Body>
 54 
				</Modal.Body>
55 
                <Modal.Footer>
 55 
				<Modal.Footer>
56 
                    <Button
 56 
					<Button
57 
                        variant="primary"
 57 
						variant="primary"
58 
                        type="submit"
 58 
						type="submit"
59 
                    >
 59 
					>
60 
                        Enviar
 60 
                        Enviar
61 
                    </Button>
 61 
					</Button>
62 
                    <Button
 62 
					<Button
63 
                        variant="default"
 63 
						className='btn-tertiary'
64 
                        onClick={closeModal}
 64 
						onClick={closeModal}
65 
                    >
 65 
					>
66 
                        Cancelar
 66 
                        Cancelar
67 
                    </Button>
 67 
					</Button>
68 
                </Modal.Footer>
 68 
				</Modal.Footer>
69 
            </form>
 69 
			</form>
Línea 70... Línea 70...
70 
        </Modal >
 70 
		</Modal >
71 
    )
 71 
	)