Proyectos de Subversion LeadersLinked - Backend

import React, { useState } from 'react'

import CompanyImgModal from './CompanyImgModal';

import SocialNetworks from './SocialNetworks';

const ProfileInfo = ({

    companyId,

    socialNetworksUrl,

    followers,

    image,

    imageUploadUrl

}) => {

    const [isShowModal, setIsShowModal] = useState(false);

    const [companyImg, setCompanyImg] = useState(`/storage/type/company/code/${companyId}/filename/${image}`);

    const closeModal = () => setIsShowModal(false)

    const showModal = () => setIsShowModal(true)

    return (

        <div className="main-left-sidebar">

            <div className="user_profile">

                <div className="user-pro-img">

                    <img

                        id="company-img"

                        src={companyImg}

                        alt=""

                    />

                    <div className="add-dp">

                        <button

                            className="btn btn-image-open"

                            onClick={showModal}

                        >

                            <i className="fa fa-camera" />

                        </button>

                    </div>

                </div>

                <div className="user_pro_status">

                    <ul className="flw-status list-unstyled">

                        <li>

                            <span>Seguidores</span>

                            <b>{followers}</b>

                        </li>

                    </ul>

                </div>

                <SocialNetworks

                    socialNetworksUrl={socialNetworksUrl}

                />

                <CompanyImgModal

                    action={setCompanyImg}

                    closeModal={closeModal}

                    isOpen={isShowModal}

                    imageUploadUrl={imageUploadUrl}

                />

            </div>

        </div>

    )

}

export default ProfileInfo