Proyectos de Subversion LeadersLinked - Antes de SPA

import React, { useState } from 'react'

import parse from 'html-react-parser'

import IconButton from '@mui/material/IconButton'

import EditIcon from '@mui/icons-material/Edit'

import ConfirmationBox from '../../../shared/confirmation-box/ConfirmationBox'

const EducationItem = ({ education, onDelete, onEdit, isEdit }) => {

  const [isShowModal, setIsShowModal] = useState(false)

  const toggleConfirmModal = () => {

    setIsShowModal(!isShowModal)

  }

  return (

    <>

      <div className="education-item">

        <div className="education-item-header">

          <h3>{education.degree}</h3>

          {isEdit && (

            <div className="d-inline-flex align-items-center gap-2">

              <IconButton onClick={() => onEdit(education.link_edit)}>

                <EditIcon />

              </IconButton>

              <IconButton onClick={toggleConfirmModal}>

                <EditIcon />

              </IconButton>

            </div>

          )}

        </div>

        <h4>{education.university}</h4>

        <p>{`${education.from_year} - ${

          education.to_year ? education.to_year : 'Actualidad'

        }`}</p>

        {education.field_of_study && <p>{education.field_of_study}</p>}

        <p>{education.formatted_address}</p>

        {education.description && parse(education.description)}

      </div>

      <ConfirmationBox

        show={isShowModal}

        onClose={toggleConfirmModal}

        onAccept={() => onDelete(education.link_delete)}

      />

    </>

  )

}

export default EducationItem