Proyectos de Subversion LeadersLinked - Backend

Rev

Rev 6539 | Mostrar el archivo completo | | | Autoría | Ultima modificación | Ver Log |

Rev 6539 Rev 15274
Línea 1... Línea 1...
1 
import React, { useEffect, useState } from 'react'
 1 
import React, { useEffect, useState } from 'react'
2 
import { getData } from '../../../helpers/fetchHelpers';
 2 
import { getData } from '../../../helpers/fetchHelpers'
3 
import SocialNetworksModal from './SocialNetworksModal';
 3 
import SocialNetworksModal from './SocialNetworksModal'
Línea 4... Línea 4...
4 
 
 4 
 
Línea 5... Línea 5...
5 
const SocialNetworks = ({ socialNetworksUrl }) => {
 5 
const SocialNetworks = ({ socialNetworksUrl }) => {
6 
 
 6 
 
7 
    const [isShowModal, setIsShowModal] = useState(false);
 7 
	const [isShowModal, setIsShowModal] = useState(false)
8 
    const [socialNetworks, setSocialNetworks] = useState({
 8 
	const [socialNetworks, setSocialNetworks] = useState({
9 
        facebook: '',
 9 
		facebook: '',
10 
        twitter: '',
 10 
		twitter: '',
11 
        instagram: ''
 11 
		instagram: ''
12 
    });
 12 
	})
13 
 
 13 
 
14 
    const closeModal = () => setIsShowModal(false)
 14 
	const closeModal = () => setIsShowModal(false)
15 
    const showModal = () => setIsShowModal(true)
 15 
	const showModal = () => setIsShowModal(true)
16 
 
 16 
 
17 
    useEffect(() => {
 17 
	useEffect(() => {
18 
        getData(socialNetworksUrl)
 18 
		getData(socialNetworksUrl)
19 
            .then(resp => setSocialNetworks(resp))
 19 
			.then(resp => setSocialNetworks(resp))
20 
            .catch(err => console.log(err))
 20 
			.catch(err => console.log(err))
21 
    }, []);
 21 
	}, [])
22 
 
 22 
 
23 
 
 23 
 
24 
    return (
 24 
	return (
25 
        <>
 25 
		<>
26 
            <div className="user-social-network-ov">
 26 
			<div className="user-social-network-ov">
27 
                <h3>
 27 
				<h3>
28 
                    Redes Sociales
 28 
                    Redes Sociales
29 
                    <button
 29 
					<button
30 
                        className="btn btn-social-network-edit"
 30 
						className="btn btn-social-network-edit"
31 
                        onClick={showModal}
 31 
						onClick={showModal}
32 
                    >
 32 
					>
33 
                        <i className="fa fa-pencil"></i>
 33 
						<i className="fa fa-pencil"></i>
34 
                    </button>
 34 
					</button>
35 
                </h3>
 35 
				</h3>
36 
            </div>
 36 
			</div>
37 
            <ul id="social-networks" className="social_links list-unstyled">
 37 
			<ul id="social-networks" className="social_links list-unstyled">
38 
                <li>
 38 
				<li>
39 
                    <a href={socialNetworks.facebook} target="_blank" title="">
 39 
					<a href={socialNetworks.facebook} target="_blank" title="" rel="noreferrer">
40 
                        <i className="fa fa-facebook-square btn-social-network-edit" />
 40 
						<i className="fa fa-facebook-square btn-social-network-edit" />
41 
                        {socialNetworks.facebook}
 41 
						{socialNetworks.facebook}
42 
                    </a>
 42 
					</a>
43 
                </li>
 43 
				</li>
44 
                <li>
 44 
				<li>
45 
                    <a href={socialNetworks.twitter} title="" target="_blank">
 45 
					<a href={socialNetworks.twitter} title="" target="_blank" rel="noreferrer">
46 
                        <i className="fa fa-twitter btn-social-network-edit" />
 46 
						<i className="fa fa-twitter btn-social-network-edit" />
47 
                        {socialNetworks.twitter}
 47 
						{socialNetworks.twitter}
48 
                    </a>
 48 
					</a>
49 
                </li>
 49 
				</li>
50 
                <li>
 50 
				<li>
51 
                    <a href={socialNetworks.instagram} target="_blank" title="">
 51 
					<a href={socialNetworks.instagram} target="_blank" title="" rel="noreferrer">
52 
                        <i className="fa fa-instagram btn-social-network-edit" />
 52 
						<i className="fa fa-instagram btn-social-network-edit" />
53 
                        {socialNetworks.instagram}
 53 
						{socialNetworks.instagram}
54 
                    </a>
 54 
					</a>
55 
                </li>
 55 
				</li>
56 
            </ul>
 56 
			</ul>
57 
            <SocialNetworksModal
 57 
			<SocialNetworksModal
58 
                action={setSocialNetworks}
 58 
				action={setSocialNetworks}
59 
                socialNetworksUrl={socialNetworksUrl}
 59 
				socialNetworksUrl={socialNetworksUrl}
60 
                isOpen={isShowModal}
 60 
				isOpen={isShowModal}
61 
                closeModal={closeModal}
 61 
				closeModal={closeModal}
Línea 62... Línea 62...
62 
            />
 62 
			/>
63 
        </>
 63 
		</>
Línea 64... Línea 64...
64 
 
 64 
 
65 
    )
 65 
	)