Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 6794 | | Comparar con el anterior | Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
6794 stevensc 1 
import React, { useState } from 'react'
6795 stevensc 2 
import { axios } from '../../../../utils'
6794 stevensc 3 
import parse from 'html-react-parser'
4 
import EditIcon from '@mui/icons-material/EditOutlined'
5 
import DeleteIcon from '@mui/icons-material/DeleteOutline'
6 
 
6795 stevensc 7 
import ConfirmationBox from '../../../UI/ConfirmBox'
8 
 
6794 stevensc 9 
const EducationCard = ({
10 
  education,
11 
  isEdit = false,
12 
  onEdit = () => {},
13 
  setEducations = () => {},
14 
}) => {
15 
  const [isShowModal, setIsShowModal] = useState(false)
16 
 
17 
  const deleteEducations = async () => {
18 
    await axios.post(education.link_delete).then(({ data: response }) => {
19 
      if (response.success) return setEducations(response.data)
20 
    })
21 
  }
22 
 
23 
  return (
24 
    <div className="card__items">
25 
      <div className="card__options-container">
26 
        <h4>{education.university}</h4>
27 
        {isEdit && (
28 
          <div className="card__options-icons position-relative">
29 
            <button
30 
              className="button-icon"
31 
              onClick={() =>
32 
                onEdit(
33 
                  'Educación',
34 
                  education.link_edit,
35 
                  education.description || ' '
36 
                )
37 
              }
38 
            >
39 
              <EditIcon />
40 
            </button>
41 
            <button
42 
              className="button-icon"
43 
              onClick={() => setIsShowModal(true)}
44 
            >
45 
              <DeleteIcon />
46 
            </button>
47 
            <ConfirmationBox
48 
              show={isShowModal}
49 
              onClose={() => setIsShowModal(false)}
50 
              onAccept={deleteEducations}
51 
            />
52 
          </div>
53 
        )}
54 
      </div>
55 
      <p>{`${education.field_of_study} - ${education.degree}`}</p>
56 
      <span>{`${education.from_year} -  ${
57 
        education.to_year || 'Actual'
58 
      }`}</span>
59 
      <span>{education.formatted_address}</span>
60 
      <p>{education.formatted_adress}</p>
61 
      {education.description && parse(education.description)}
62 
    </div>
63 
  )
64 
}
65 
 
66 
export default EducationCard