Proyectos de Subversion LeadersLinked - Backend

Rev

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

Rev 6353 Rev 11152
Línea 3... Línea 3...
3 
import { Modal, Button } from 'react-bootstrap'
 3 
import { Modal, Button } from 'react-bootstrap'
4 
import { useForm } from 'react-hook-form'
 4 
import { useForm } from 'react-hook-form'
5 
import { getData } from '../../../helpers/fetchHelpers'
 5 
import { getData } from '../../../helpers/fetchHelpers'
Línea 6... Línea 6...
6 
 
 6 
 
7 
const WebPageModal = ({
 7 
const WebPageModal = ({
8 
    isOpen,
 8 
	isOpen,
9 
    closeModal,
 9 
	closeModal,
10 
    websiteUrl,
 10 
	websiteUrl,
11 
    action
 11 
	action
Línea 12... Línea 12...
12 
}) => {
 12 
}) => {
13 
 
 13 
 
Línea 14... Línea 14...
14 
    const { handleSubmit, register, setValue } = useForm()
 14 
	const { handleSubmit, register, setValue } = useForm()
15 
    const [error, setError] = useState(null);
 15 
	const [error, setError] = useState(null)
16 
 
 16 
 
17 
    const onSubmit = ({ website }) => {
 17 
	const onSubmit = ({ website }) => {
18 
        const data = new FormData()
 18 
		const data = new FormData()
19 
        data.append("website", website)
 19 
		data.append('website', website)
20 
 
 20 
 
21 
        axios.post(websiteUrl, data)
 21 
		axios.post(websiteUrl, data)
22 
            .then(({ data }) => {
 22 
			.then(({ data }) => {
23 
                if (!data.success) {
 23 
				if (!data.success) {
24 
                    return setError(data.data)
 24 
					return setError(data.data)
25 
                }
 25 
				}
26 
                action(data.data.website)
 26 
				action(data.data.website)
27 
            })
 27 
			})
28 
            .then(() => {
 28 
			.then(() => {
29 
                setError(null)
 29 
				setError(null)
30 
                closeModal()
 30 
				closeModal()
31 
            })
 31 
			})
32 
            .catch((err) => console.log(err))
 32 
			.catch((err) => console.log(err))
33 
    }
 33 
	}
34 
 
 34 
 
35 
    useEffect(() => {
 35 
	useEffect(() => {
36 
        getData(websiteUrl)
 36 
		getData(websiteUrl)
37 
            .then((resp) => setValue("website", resp.website))
 37 
			.then((resp) => setValue('website', resp.website))
38 
            .catch(err => console.log(err))
 38 
			.catch(err => console.log(err))
39 
    }, [isOpen]);
 39 
	}, [isOpen])
40 
 
 40 
 
41 
    return (
 41 
	return (
42 
        <Modal
 42 
		<Modal
43 
            size="md"
 43 
			size="md"
44 
            show={isOpen}
 44 
			show={isOpen}
45 
            onHide={closeModal}
 45 
			onHide={closeModal}
46 
            autoFocus={false}
 46 
			autoFocus={false}
47 
        >
 47 
		>
48 
            <Modal.Header closeButton>
 48 
			<Modal.Header closeButton>
49 
                <Modal.Title>Cambiar</Modal.Title>
 49 
				<Modal.Title>Cambiar</Modal.Title>
50 
            </Modal.Header>
 50 
			</Modal.Header>
51 
            <form onSubmit={handleSubmit(onSubmit)}>
 51 
			<form onSubmit={handleSubmit(onSubmit)}>
52 
                <Modal.Body>
 52 
				<Modal.Body>
53 
                    <div className="mb-3">
 53 
					<div className="mb-3">
54 
                        <label className="form-label">Página web</label>
 54 
						<label className="form-label">Página web</label>
55 
                        <input
 55 
						<input
56 
                            className="form-control form-control-sm"
 56 
							className="form-control form-control-sm"
57 
                            type="text"
 57 
							type="text"
58 
                            name="website"
 58 
							name="website"
59 
                            ref={register}
 59 
							ref={register}
60 
                            style={{ padding: '1px' }}
 60 
							style={{ padding: '1px' }}
61 
                        />
 61 
						/>
62 
                    </div>
 62 
					</div>
63 
                    {error && <p>{error}</p>}
 63 
					{error && <p>{error}</p>}
64 
                </Modal.Body>
 64 
				</Modal.Body>
65 
                <Modal.Footer>
 65 
				<Modal.Footer>
66 
                    <Button
 66 
					<Button
67 
                        variant="primary"
 67 
						variant="primary"
68 
                        type="submit"
 68 
						type="submit"
69 
                    >
 69 
					>
70 
                        Enviar
 70 
                        Enviar
71 
                    </Button>
 71 
					</Button>
72 
                    <Button
 72 
					<Button
73 
                        variant="default"
 73 
						className='btn-tertiary'
74 
                        onClick={closeModal}
 74 
						onClick={closeModal}
75 
                    >
 75 
					>
76 
                        Cancelar
 76 
                        Cancelar
77 
                    </Button>
 77 
					</Button>
78 
                </Modal.Footer>
 78 
				</Modal.Footer>
79 
            </form>
 79 
			</form>
Línea 80... Línea 80...
80 
        </Modal >
 80 
		</Modal >
81 
    )
 81 
	)