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