Proyectos de Subversion LeadersLinked - Antes de SPA

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

import CoverModal from './CoverModal'

const Cover = ({ cover, sizes, isEdit }) => {

  const [settedCover, setSettedCover] = useState(cover)

  const [isModalOpen, setIsModalOpen] = useState(false)

  const handleEdit = () => {

    setIsModalOpen(!isModalOpen)

  }

  useEffect(() => {

    setSettedCover(cover)

  }, [cover])

  return (

    <>

      <section className="cover-sec">

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

        {isEdit && (

          <button className="btn-cover-open" onClick={handleEdit}>

            Cambiar imagen

          </button>

        )}

      </section>

      <CoverModal

        isOpen={isModalOpen}

        onClose={handleEdit}

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

        size={sizes}

      />

    </>

  )

}

export default Cover