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 { axios } from '../../../../../../utils'
 6 
import { axios } from '../../../../../../../utils'
7 
import ConfirmationBox from '../../../../../../shared/confirmation-box/ConfirmationBox'
 7 
import ConfirmationBox from '../../../../../../../shared/confirmation-box/ConfirmationBox'
Línea -... Línea 8...
- 
 
 8 
 
- 
 
 9 
const ExperienceCard = ({
- 
 
 10 
  experience,
- 
 
 11 
  months,
- 
 
 12 
  isEdit = false,
8 
 
 13 
  onEdit = () => {},
- 
 
 14 
  setExperiences = () => {},
9 
const ExperienceCard = ({ experience, months, isEdit = false, onEdit = () => { }, setExperiences = () => { } }) => {
 15 
}) => {
Línea 10... Línea 16...
10 
  const [isShowModal, setIsShowModal] = useState(false)
 16 
  const [isShowModal, setIsShowModal] = useState(false)
11 
 
 17 
 
12 
  const deleteExperience = async () => {
 - 
 
13 
    await axios.post(experience.link_delete)
 18 
  const deleteExperience = async () => {
14 
      .then(({ data: response }) => {
 19 
    await axios.post(experience.link_delete).then(({ data: response }) => {
15 
        if (response.success) return setExperiences(response.data)
 20 
      if (response.success) return setExperiences(response.data)
Línea 16... Línea 21...
16 
      });
 21 
    })
17 
  };
 22 
  }
18 
 
 23 
 
19 
  return (
 24 
  return (
20 
    <div className='card__items'>
 25 
    <div className="card__items">
21 
      <div className="card__options-container">
 26 
      <div className="card__options-container">
- 
 
 27 
        <h4>{experience.title}</h4>
- 
 
 28 
        {isEdit && (
- 
 
 29 
          <div className="card__options-icons position-relative">
- 
 
 30 
            <button
- 
 
 31 
              className="button-icon"
- 
 
 32 
              onClick={() =>
22 
        <h4>{experience.title}</h4>
 33 
                onEdit(
- 
 
 34 
                  'Experiencia',
- 
 
 35 
                  experience.link_edit,
- 
 
 36 
                  experience.description || ' '
23 
        {isEdit &&
 37 
                )
24 
          <div className='card__options-icons position-relative'>
 38 
              }
- 
 
 39 
            >
- 
 
 40 
              <EditIcon />
25 
            <button className='button-icon' onClick={() => onEdit('Experiencia', experience.link_edit, experience.description || ' ')}>
 41 
            </button>
- 
 
 42 
            <button
26 
              <EditIcon />
 43 
              className="button-icon"
27 
            </button>
 44 
              onClick={() => setIsShowModal(true)}
28 
            <button className='button-icon' onClick={() => setIsShowModal(true)}>
 45 
            >
29 
              <DeleteIcon />
 46 
              <DeleteIcon />
30 
            </button>
 47 
            </button>
31 
            <ConfirmationBox
 48 
            <ConfirmationBox
32 
              show={isShowModal}
 49 
              show={isShowModal}
33 
              onClose={() => setIsShowModal(false)}
 50 
              onClose={() => setIsShowModal(false)}
34 
              onAccept={deleteExperience}
 51 
              onAccept={deleteExperience}
35 
            />
 52 
            />
36 
          </div>
 53 
          </div>
- 
 
 54 
        )}
37 
        }
 55 
      </div>
- 
 
 56 
      <p>{experience.company}</p>
- 
 
 57 
      <span>{`${
- 
 
 58 
        typeof experience.industry === 'object'
38 
      </div>
 59 
          ? experience.industry.name
39 
      <p>{experience.company}</p>
 60 
          : experience.industry
- 
 
 61 
      } / ${experience.size}`}</span>
40 
      <span>{`${typeof experience.industry === 'object' ? experience.industry.name : experience.industry} / ${experience.size}`}</span>
 62 
      <span>
- 
 
 63 
        {`${months[experience.from_month - 1]} ${experience.from_year}`} -{' '}
41 
      <span>
 64 
        {experience.to_year
42 
        {`${months[experience.from_month - 1]} ${experience.from_year}`} -{' '}
 65 
          ? `${months[experience.to_month - 1]} ${experience.to_year}`
43 
        {experience.to_year ? `${months[experience.to_month - 1]} ${experience.to_year}` : 'Actual'}
 66 
          : 'Actual'}
44 
      </span>
 67 
      </span>
45 
      <p>{experience.formatted_adress}</p>
 68 
      <p>{experience.formatted_adress}</p>
46 
      {experience.description && parse(experience.description)}
 69 
      {experience.description && parse(experience.description)}
Línea 47... Línea -...
47 
    </div>
 - 
 
48 
  )
 70 
    </div>
- 
 
 71 
  )