Proyectos de Subversion LeadersLinked - Backend

Rev

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

Rev 14843 Rev 15274
Línea 1... Línea 1...
1 
import axios from 'axios'
 1 
import axios from 'axios'
2 
import React, { useEffect, useState } from 'react'
 2 
import React, { useEffect } from 'react'
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'
6 
import { addNotification } from '../../../redux/notification/notification.actions'
 6 
import { addNotification } from '../../../redux/notification/notification.actions'
7 
import { useDispatch } from 'react-redux'
 7 
import { useDispatch } from 'react-redux'
Línea 11... Línea 11...
11 
	closeModal,
 11 
	closeModal,
12 
	socialNetworksUrl,
 12 
	socialNetworksUrl,
13 
	action
 13 
	action
14 
}) => {
 14 
}) => {
Línea 15... Línea -...
15 
 
 - 
 
16 
	const [error, setError] = useState(null)
 15 
 
17 
	const { handleSubmit, setValue, register } = useForm()
 16 
	const { handleSubmit, setValue, register } = useForm()
Línea 18... Línea 17...
18 
	const dispatch = useDispatch()
 17 
	const dispatch = useDispatch()
Línea 42... Línea 41...
42 
							)
 41 
							)
43 
						)
 42 
						)
44 
					return
 43 
					return
45 
				}
 44 
				}
46 
				action(data.data)
 45 
				action(data.data)
47 
			})
 - 
 
48 
			.then(() => {
 - 
 
49 
				setError(null)
 - 
 
50 
				closeModal()
 46 
				closeModal()
51 
			})
 47 
			})
52 
			.catch((err) => setError(err))
 48 
			.catch((err) => console.log(err))
53 
	}
 49 
	}
Línea 54... Línea 50...
54 
 
 50 
 
55 
	useEffect(() => {
 51 
	useEffect(() => {
56 
		getData(socialNetworksUrl)
 52 
		getData(socialNetworksUrl)
57 
			.then(({ facebook, twitter, instagram }) => {
 53 
			.then(({ facebook, twitter, instagram }) => {
58 
				setValue('facebook', facebook)
 54 
				setValue('facebook', facebook)
59 
				setValue('twitter', twitter)
 55 
				setValue('twitter', twitter)
60 
				setValue('instagram', instagram)
 56 
				setValue('instagram', instagram)
61 
			})
 57 
			})
62 
			.catch(err => setError(err))
 58 
			.catch(err => console.log(err))
Línea 63... Línea 59...
63 
	}, [isOpen])
 59 
	}, [isOpen])
64 
 
 60 
 
65 
	return (
 61 
	return (
66 
		<Modal
 62 
		<Modal
67 
			size="md"
 63 
			size="md"
68 
			show={isOpen}
 64 
			show={isOpen}
69 
			onHide={closeModal}
 65 
			onHide={closeModal}
70 
			autoFocus={false}
 66 
			autoFocus={false}
71 
		>
 67 
		>
72 
			<Modal.Header closeButton>
 68 
			<Modal.Header closeButton>
73 
				<Modal.Title>Cambiar</Modal.Title>
 69 
				<Modal.Title>Redes Sociales</Modal.Title>
74 
			</Modal.Header>
 70 
			</Modal.Header>
75 
			<form onSubmit={handleSubmit(onSubmit)}>
 71 
			<form onSubmit={handleSubmit(onSubmit)}>
76 
				<Modal.Body>
 72 
				<Modal.Body>
77 
					<div className="mb-3">
 73 
					<div className="form-group">
78 
						<label className="form-label">Facebook</label>
 74 
						<label className="form-label">Facebook</label>
79 
						<input
 75 
						<input
80 
							type="text"
 76 
							type="text"
81 
							className="form-control"
 77 
							className="form-control"
82 
							name='facebook'
 78 
							name='facebook'
83 
							ref={register}
 79 
							ref={register}
84 
						/>
 80 
						/>
85 
					</div>
 81 
					</div>
86 
					<div className="mb-3">
 82 
					<div className="form-group">
87 
						<label className="form-label">Twitter</label>
 83 
						<label className="form-label">Twitter</label>
88 
						<input
 84 
						<input
89 
							type="text"
 85 
							type="text"
90 
							className="form-control"
 86 
							className="form-control"
91 
							name='twitter'
 87 
							name='twitter'
92 
							ref={register}
 88 
							ref={register}
93 
						/>
 89 
						/>
94 
					</div>
 90 
					</div>
95 
					<div className="mb-3">
 91 
					<div className="form-group">
96 
						<label className="form-label">Instagram</label>
 92 
						<label className="form-label">Instagram</label>
97 
						<input
 93 
						<input
98 
							type="text"
 94 
							type="text"
99 
							className="form-control"
 95 
							className="form-control"
100 
							name='instagram'
 96 
							name='instagram'
101 
							ref={register}
 97 
							ref={register}
102 
						/>
 - 
 
103 
					</div>
 98 
						/>
104 
					{error && <p>{error}</p>}
 99 
					</div>
105 
				</Modal.Body>
 100 
				</Modal.Body>
106 
				<Modal.Footer>
 101 
				<Modal.Footer>
107 
					<Button
 102 
					<Button