Proyectos de Subversion LeadersLinked - Backend

import React, { useState } from 'react'
import WebPageModal from './WebPageModal'

const WebPage = ({ website, websiteUrl, title }) => {

        const [isShowModal, setIsShowModal] = useState(false)
        const [websiteState, setWebsiteState] = useState(website)

        const closeModal = () => setIsShowModal(false)
        const showModal = () => setIsShowModal(true)


        return (
                <>
                        <div className="user-profile-ov">
                                <h3>
                                        {title}
                                        <button
                                                className="btn btn-website-edit"
                                                onClick={showModal}
                                        >
                                                <i className="fa fa-pencil" />
                                        </button>
                                </h3>
                                <span id="overview-website">
                                        {websiteState}
                                </span>
                        </div>
                        <WebPageModal
                                isOpen={isShowModal}
                                websiteUrl={websiteUrl}
                                closeModal={closeModal}
                                action={setWebsiteState}
                        />
                </>
        )
}

export default WebPage