Proyectos de Subversion LeadersLinked - Backend

Rev

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

Rev 6539 Rev 11152
Línea 3... Línea 3...
3 
import { Modal, Button } from 'react-bootstrap'
 3 
import { Modal, Button } from 'react-bootstrap'
4 
import { getData } from '../../../helpers/fetchHelpers'
 4 
import { getData } from '../../../helpers/fetchHelpers'
5 
import { useForm } from 'react-hook-form'
 5 
import { useForm } from 'react-hook-form'
Línea 6... Línea 6...
6 
 
 6 
 
7 
const SocialNetworksModal = ({
 7 
const SocialNetworksModal = ({
8 
    isOpen,
 8 
	isOpen,
9 
    closeModal,
 9 
	closeModal,
10 
    socialNetworksUrl,
 10 
	socialNetworksUrl,
11 
    action
 11 
	action
Línea 12... Línea 12...
12 
}) => {
 12 
}) => {
13 
 
 13 
 
Línea 14... Línea 14...
14 
    const [error, setError] = useState(null);
 14 
	const [error, setError] = useState(null)
Línea 15... Línea 15...
15 
    const { handleSubmit, setValue, register } = useForm()
 15 
	const { handleSubmit, setValue, register } = useForm()
16 
 
 16 
 
17 
    const onSubmit = ({ facebook, twitter, instagram }) => {
 17 
	const onSubmit = ({ facebook, twitter, instagram }) => {
18 
 
 18 
 
19 
        const data = new FormData()
 19 
		const data = new FormData()
20 
        data.append("facebook", facebook)
 20 
		data.append('facebook', facebook)
21 
        data.append("twitter", twitter)
 21 
		data.append('twitter', twitter)
22 
        data.append("instagram", instagram)
 22 
		data.append('instagram', instagram)
23 
 
 23 
 
24 
        axios.post(socialNetworksUrl, data)
 24 
		axios.post(socialNetworksUrl, data)
25 
            .then(({ data }) => {
 25 
			.then(({ data }) => {
26 
                if (!data.success) {
 26 
				if (!data.success) {
27 
                    return setError(data.data)
 27 
					return setError(data.data)
28 
                }
 28 
				}
29 
                action(data.data)
 29 
				action(data.data)
30 
            })
 30 
			})
31 
            .then(() => {
 31 
			.then(() => {
32 
                setError(null)
 32 
				setError(null)
33 
                closeModal()
 33 
				closeModal()
34 
            })
 34 
			})
35 
            .catch((err) => setError(err))
 35 
			.catch((err) => setError(err))
36 
    }
 36 
	}
37 
 
 37 
 
38 
    useEffect(() => {
 38 
	useEffect(() => {
39 
        getData(socialNetworksUrl)
 39 
		getData(socialNetworksUrl)
40 
            .then(({ facebook, twitter, instagram }) => {
 40 
			.then(({ facebook, twitter, instagram }) => {
41 
                setValue("facebook", facebook)
 41 
				setValue('facebook', facebook)
42 
                setValue("twitter", twitter)
 42 
				setValue('twitter', twitter)
43 
                setValue("instagram", instagram)
 43 
				setValue('instagram', instagram)
44 
            })
 44 
			})
45 
            .catch(err => setError(err))
 45 
			.catch(err => setError(err))
46 
    }, [isOpen]);
 46 
	}, [isOpen])
47 
 
 47 
 
48 
    return (
 48 
	return (
49 
        <Modal
 49 
		<Modal
50 
            size="md"
 50 
			size="md"
51 
            show={isOpen}
 51 
			show={isOpen}
52 
            onHide={closeModal}
 52 
			onHide={closeModal}
53 
            autoFocus={false}
 53 
			autoFocus={false}
54 
        >
 54 
		>
55 
            <Modal.Header closeButton>
 55 
			<Modal.Header closeButton>
56 
                <Modal.Title>Cambiar</Modal.Title>
 56 
				<Modal.Title>Cambiar</Modal.Title>
57 
            </Modal.Header>
 57 
			</Modal.Header>
58 
            <form onSubmit={handleSubmit(onSubmit)}>
 58 
			<form onSubmit={handleSubmit(onSubmit)}>
59 
                <Modal.Body>
 59 
				<Modal.Body>
60 
                    <div class="mb-3">
 60 
					<div className="mb-3">
61 
                        <label class="form-label">Facebook</label>
 61 
						<label className="form-label">Facebook</label>
62 
                        <input
 62 
						<input
63 
                            type="text"
 63 
							type="text"
64 
                            class="form-control"
 64 
							className="form-control"
65 
                            name='facebook'
 65 
							name='facebook'
66 
                            ref={register}
 66 
							ref={register}
67 
                        />
 67 
						/>
68 
                    </div>
 68 
					</div>
69 
                    <div class="mb-3">
 69 
					<div className="mb-3">
70 
                        <label class="form-label">Twitter</label>
 70 
						<label className="form-label">Twitter</label>
71 
                        <input
 71 
						<input
72 
                            type="text"
 72 
							type="text"
73 
                            class="form-control"
 73 
							className="form-control"
74 
                            name='twitter'
 74 
							name='twitter'
75 
                            ref={register}
 75 
							ref={register}
76 
                        />
 76 
						/>
77 
                    </div>
 77 
					</div>
78 
                    <div class="mb-3">
 78 
					<div className="mb-3">
79 
                        <label class="form-label">Instagram</label>
 79 
						<label className="form-label">Instagram</label>
80 
                        <input
 80 
						<input
81 
                            type="text"
 81 
							type="text"
82 
                            class="form-control"
 82 
							className="form-control"
83 
                            name='instagram'
 83 
							name='instagram'
84 
                            ref={register}
 84 
							ref={register}
85 
                        />
 85 
						/>
86 
                    </div>
 86 
					</div>
87 
                    {error && <p>{error}</p>}
 87 
					{error && <p>{error}</p>}
88 
                </Modal.Body>
 88 
				</Modal.Body>
89 
                <Modal.Footer>
 89 
				<Modal.Footer>
90 
                    <Button
 90 
					<Button
91 
                        variant="primary"
 91 
						variant="primary"
92 
                        type="submit"
 92 
						type="submit"
93 
                    >
 93 
					>
94 
                        Enviar
 94 
                        Enviar
95 
                    </Button>
 95 
					</Button>
96 
                    <Button
 96 
					<Button
97 
                        variant="default"
 97 
						className='btn-tertiary'
98 
                        onClick={closeModal}
 98 
						onClick={closeModal}
99 
                    >
 99 
					>
100 
                        Cancelar
 100 
                        Cancelar
101 
                    </Button>
 101 
					</Button>
102 
                </Modal.Footer>
 102 
				</Modal.Footer>
Línea 103... Línea 103...
103 
            </form>
 103 
			</form>
104 
        </Modal >
 104 
		</Modal >