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