Proyectos de Subversion LeadersLinked - Antes de SPA

/* eslint-disable react/prop-types */

import React, { useState } from 'react'

import parse from 'html-react-parser'

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

import DeleteIcon from '@mui/icons-material/DeleteOutline'

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

import { axios } from '../../../../../../utils'

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