Proyectos de Subversion LeadersLinked - Antes de SPA

/* eslint-disable react/prop-types */

import React, { useEffect, useState } from 'react'

import CoverModal from './CoverModal'

const Cover = ({ cover, id, type, size, isEdit, profileId }) => {

  const [isModalOpen, setIsModalOpen] = useState(false)

  const [settedCover, setSettedCover] = useState(

    `/storage/type/${type}-cover/code/${id}/${cover && `filename/${cover}/`}`

  )

  const handleEdit = () => {

    setIsModalOpen(!isModalOpen)

  }

  useEffect(() => {

    setSettedCover(

      `/storage/type/${type}-cover/code/${id}/${cover && `filename/${cover}/`}`

    )

  }, [cover, type, id])

  return (

    <>

      <section className="cover-sec">

        <img src={settedCover} alt="" />

        {isEdit && (

          <div className="add-pic-box">

            <div className="container">

              <div className="row no-gutters">

                <div className="col-lg-12 col-sm-12">

                  <a href="#" className="btn-cover-open" onClick={handleEdit}>

                    Cambiar imagen

                  </a>

                </div>

              </div>

            </div>

          </div>

        )}

      </section>

      <CoverModal

        isOpen={isModalOpen}

        onClose={handleEdit}

        onComplete={(newCover) => setSettedCover(newCover)}

        id={profileId}

        size={size}

        type={type}

      />

    </>

  )

}

export default Cover