Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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