Proyectos de Subversion LeadersLinked - Antes de SPA

import React, { useState } from 'react'
import { axios } from '../../../../utils'
import parse from 'html-react-parser'
import EditIcon from '@mui/icons-material/EditOutlined'
import DeleteIcon from '@mui/icons-material/DeleteOutline'

import ConfirmationBox from '../../../UI/ConfirmBox'

const EducationCard = ({
  education,
  isEdit = false,
  onEdit = () => {},
  setEducations = () => {},
}) => {
  const [isShowModal, setIsShowModal] = useState(false)

  const deleteEducations = async () => {
    await axios.post(education.link_delete).then(({ data: response }) => {
      if (response.success) return setEducations(response.data)
    })
  }

  return (
    <div className="card__items">
      <div className="card__options-container">
        <h4>{education.university}</h4>
        {isEdit && (
          <div className="card__options-icons position-relative">
            <button
              className="button-icon"
              onClick={() =>
                onEdit(
                  'Educación',
                  education.link_edit,
                  education.description || ' '
                )
              }
            >
              <EditIcon />
            </button>
            <button
              className="button-icon"
              onClick={() => setIsShowModal(true)}
            >
              <DeleteIcon />
            </button>
            <ConfirmationBox
              show={isShowModal}
              onClose={() => setIsShowModal(false)}
              onAccept={deleteEducations}
            />
          </div>
        )}
      </div>
      <p>{`${education.field_of_study} - ${education.degree}`}</p>
      <span>{`${education.from_year} -  ${
        education.to_year || 'Actual'
      }`}</span>
      <span>{education.formatted_address}</span>
      <p>{education.formatted_adress}</p>
      {education.description && parse(education.description)}
    </div>
  )
}

export default EducationCard