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 change-cover-image">
                            <div className="container">
                                <div className="row no-gutters">
                                    <div className="col-lg-12 col-sm-12">
                                        <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