Proyectos de Subversion LeadersLinked - Backend

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

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

    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>
                    Página web
                    <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