AutorÃa | Ultima modificación | Ver Log |
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