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