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 DeleteIcon from '@mui/icons-material/Delete'
import ConfirmModal from '../../../shared/confirm-modal/ConfirmModal'

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="icon-buttons-group">
              <IconButton onClick={() => onEdit(education.link_edit)}>
                <EditIcon />
              </IconButton>
              <IconButton onClick={toggleConfirmModal}>
                <DeleteIcon />
              </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>
      <ConfirmModal
        show={isShowModal}
        onClose={toggleConfirmModal}
        onAccept={() => onDelete(education.link_delete)}
      />
    </>
  )
}

export default EducationItem