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 cover">
                                                        <div className="container">
                                                                <div className="row no-gutters">
                                                                        <div className="add-dp">
                                                                                <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