Proyectos de Subversion LeadersLinked - Backend

import React, { useEffect, useState } from 'react'
import { getData } from '../../../helpers/fetchHelpers';
import SocialNetworksModal from './SocialNetworksModal';

const SocialNetworks = ({ socialNetworksUrl }) => {

    const [isShowModal, setIsShowModal] = useState(false);
    const [socialNetworks, setSocialNetworks] = useState({
        facebook: '',
        twitter: '',
        instagram: ''
    });

    const closeModal = () => setIsShowModal(false)
    const showModal = () => setIsShowModal(true)

    useEffect(() => {
        getData(socialNetworksUrl)
            .then(resp => setSocialNetworks(resp))
            .catch(err => console.log(err))
    }, []);


    return (
        <>
            <div className="user-social-network-ov">
                <h3>
                    Redes Sociales
                    <button
                        className="btn btn-social-network-edit"
                        onClick={showModal}
                    >
                        <i className="fa fa-pencil"></i>
                    </button>
                </h3>
            </div>
            <ul id="social-networks" className="social_links list-unstyled">
                <li>
                    <a href={socialNetworks.facebook} target="_blank" title="">
                        <i className="fa fa-facebook-square btn-social-network-edit" />
                        {socialNetworks.facebook}
                    </a>
                </li>
                <li>
                    <a href={socialNetworks.twitter} title="" target="_blank">
                        <i className="fa fa-twitter btn-social-network-edit" />
                        {socialNetworks.twitter}
                    </a>
                </li>
                <li>
                    <a href={socialNetworks.instagram} target="_blank" title="">
                        <i className="fa fa-instagram btn-social-network-edit" />
                        {socialNetworks.instagram}
                    </a>
                </li>
            </ul>
            <SocialNetworksModal
                action={setSocialNetworks}
                socialNetworksUrl={socialNetworksUrl}
                isOpen={isShowModal}
                closeModal={closeModal}
            />
        </>

    )
}

export default SocialNetworks