Proyectos de Subversion LeadersLinked - Backend

import React, { useState } from 'react'

import FooterModal from './FooterModal'

const Footer = ({ companyId, footer, footerUploadUrl, title }) => {

	const [isShowModal, setIsShowModal] = useState(false)

	const [footerImg, setfooterImg] = useState(`/storage/type/company/code/${companyId}/filename/${footer}`)

	const closeModal = () => setIsShowModal(false)

	const showModal = () => setIsShowModal(true)

	return (

		<>

			<div className="user-profile-ov">

				<h3>

					{title} (2480 x 268px)

				</h3>

				<p>Actualice el pie de página de sus documentos pdf aquí:</p>

				<img

					id="user-footer-img"

					style={{ width: '100%' }}

					src={footerImg}

					alt=""

				/>

				<div className="add-dp">

					<div className="add-pic-box change-footer-image">

						<div className="container">

							<div className="row no-gutters">

								<div className="col-lg-12 col-sm-12">

									<button

										className="btn btn-footer-open"

										onClick={showModal}

									>

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

									</button>

								</div>

							</div>

						</div>

					</div>

				</div>

			</div>

			<FooterModal

				isOpen={isShowModal}

				footerUploadUrl={footerUploadUrl}

				closeModal={closeModal}

				action={setfooterImg}

				title={title}

			/>

		</>

	)

}

export default Footer