Rev 11152 | AutorÃa | Comparar con el anterior | Ultima modificación | Ver Log |
import React, { useState } from 'react'
import OverviewModal from './OverviewModal'
const Overview = ({ overview, overviewUrl, title }) => {
const [isShowModal, setIsShowModal] = useState(false)
const [overviewState, setOverviewState] = useState(overview)
const closeModal = () => setIsShowModal(false)
const showModal = () => setIsShowModal(true)
return (
<>
<div className="user-profile-extended-ov">
<h3>
{title}
<button
className="btn btn-extended-edit"
onClick={showModal}
>
<i className="fa fa-pencil" />
</button>
</h3>
<span id="overview-description">{overviewState}</span>
</div>
<OverviewModal
action={setOverviewState}
isOpen={isShowModal}
closeModal={closeModal}
overviewUrl={overviewUrl}
overview={overviewState}
/>
</>
)
}
export default Overview