Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 5473 | Mostrar el archivo completo | | | Autoría | Ultima modificación | Ver Log |

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