Proyectos de Subversion LeadersLinked - Backend

Rev

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