Proyectos de Subversion LeadersLinked - Backend

Rev

Rev 6050 | Ir a la última revisión | Autoría | Comparar con el anterior | Ultima modificación | Ver Log |

import React, { useState } from 'react'
import FoundationsYearModal from './foundationsYearModal';

const YearOfFoundation = ({ foundationYear, foundationYearUrl }) => {

    const [isShowModal, setIsShowModal] = useState(false);
    const [foundationYearState, setFoundationYearState] = useState(foundationYear);

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

    return (
        <>
            <div className="user-profile-ov">
                <h3>
                    Año de fundación
                    <button
                        className="btn btn-foundation-year-edit"
                        onClick={showModal}
                    >
                        <i className="fa fa-pencil" />
                    </button>
                </h3>
                <span id="overview-foundation-year">
                    {foundationYearState}
                </span>
            </div>
            <FoundationsYearModal
                isOpen={isShowModal}
                foundationYearUrl={foundationYearUrl}
                closeModal={closeModal}
                action={setFoundationYearState}
            />
        </>
    )
}

export default YearOfFoundation