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