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