Proyectos de Subversion LeadersLinked - Backend

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

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

    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>
                    Pie de página (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}
            />
        </>
    )
}

export default Footer