Proyectos de Subversion LeadersLinked - Backend

import React, { useState } from 'react'
import CompanySizeModal from './CompanySizeModal';

const CompanySizes = ({ companySize, companySizeUrl, companyId }) => {

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

    const closeModal = () => setIsShowModal(false)
    const showModal = () => setIsShowModal(true)

    return (
        <>
            <div className="user-profile-ov">
                <h3>
                    Tamaño de la empresa
                    <button
                        className="btn btn-company-size-edit"
                        onClick={showModal}
                    >
                        <i className="fa fa-pencil" />
                    </button>
                </h3>
                <span id="overview-company-size">{companySizeState}</span>
            </div>
            <CompanySizeModal
                isOpen={isShowModal}
                closeModal={closeModal}
                action={setCompanySizeState}
                companySizeUrl={`${companySizeUrl}/${companyId}`}
            />
        </>
    )
}

export default CompanySizes