Proyectos de Subversion LeadersLinked - Backend

import React, { useState } from 'react'
import HeaderModal from './HeaderModal'

const Header = ({ companyId, header, headerUploadUrl, title }) => {

        const [isShowModal, setIsShowModal] = useState(false)
        const [headerImg, setHeaderImg] = useState(`/storage/type/company/code/${companyId}/filename/${header}`)

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

        return (
                <>
                        <div className="user-profile-ov">
                                <h3>
                                        {title} (2480 x 268px)
                                </h3>
                                <p>Actualice la cabecera de sus documentos pdf aquí:</p>
                                <img
                                        id="user-header-img"
                                        style={{ width: '100%' }}
                                        src={headerImg}
                                        alt=""
                                />
                                <div className="add-dp">
                                        <div className="add-pic-box change-header-image">
                                                <div className="container">
                                                        <div className="row no-gutters">
                                                                <div className="col-lg-12 col-sm-12">
                                                                        <button
                                                                                className="btn btn-header-open"
                                                                                onClick={showModal}
                                                                        >
                                                                                <i className="fa fa-camera"></i>
                                                                        </button>
                                                                </div>
                                                        </div>
                                                </div>
                                        </div>
                                </div>
                        </div>
                        <HeaderModal
                                isOpen={isShowModal}
                                headerUploadUrl={headerUploadUrl}
                                closeModal={closeModal}
                                action={setHeaderImg}
                        />
                </>
        )
}

export default Header