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="" rel="noreferrer">
                                                <i className="fa fa-facebook-square btn-social-network-edit" />
                                                {socialNetworks.facebook}
                                        </a>
                                </li>
                                <li>
                                        <a href={socialNetworks.twitter} title="" target="_blank" rel="noreferrer">
                                                <i className="fa fa-twitter btn-social-network-edit" />
                                                {socialNetworks.twitter}
                                        </a>
                                </li>
                                <li>
                                        <a href={socialNetworks.instagram} target="_blank" title="" rel="noreferrer">
                                                <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