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