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