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