Proyectos de Subversion LeadersLinked - Backend

import React, { useState } from 'react'

import CoverModal from './CoverModal'

const CoverSection = ({ companyId, cover, coverUploadUrl }) => {

	const [isShowModal, setIsShowModal] = useState(false)

	const [coverImg, setCoverImg] = useState(`/storage/type/company-cover/code/${companyId}/filename/${cover}`)

	const closeModal = () => setIsShowModal(false)

	const showModal = () => setIsShowModal(true)

	return (

		<>

			<div className="row">

				<div className="col-12">

					<section className="cover-sec">

						<img

							id="user-cover-img"

							src={coverImg}

							alt=""

						/>

						<div className="add-pic-box cover">

							<div className="container">

								<div className="row no-gutters">

									<div className="add-dp">

										<button

											className="btn btn-cover-open"

											onClick={showModal}

										>

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

										</button>

									</div>

								</div>

							</div>

						</div>

					</section>

				</div>

			</div>

			<CoverModal

				isOpen={isShowModal}

				coverUploadUrl={coverUploadUrl}

				closeModal={closeModal}

				action={setCoverImg}

			/>

		</>

	)

}

export default CoverSection