Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 5475 | Rev 5477 | Ir a la última revisión | Mostrar el archivo completo | | | Autoría | Ultima modificación | Ver Log |

Rev 5475 Rev 5476
Línea 3... Línea 3...
3 
import parse from 'html-react-parser'
 3 
import parse from 'html-react-parser'
4 
import EditIcon from '@mui/icons-material/Edit'
 4 
import EditIcon from '@mui/icons-material/Edit'
5 
import DeleteIcon from '@mui/icons-material/Delete'
 5 
import DeleteIcon from '@mui/icons-material/Delete'
6 
import IconButton from '@mui/material/IconButton'
 6 
import IconButton from '@mui/material/IconButton'
Línea 7... Línea 7...
7 
 
 7 
 
8 
const Experience = ({ experience, months = [], onDelete, onEdit }) => {
 8 
const Experience = ({ experience, months = [], onDelete, onEdit, isEdit }) => {
9 
  const [isConfirmationBoxShow, setIsConfirmationBoxShow] = useState(false)
 9 
  const [isConfirmationBoxShow, setIsConfirmationBoxShow] = useState(false)
Línea 10... Línea 10...
10 
  const [monthOptions, setMonthOptions] = useState({})
 10 
  const [monthOptions, setMonthOptions] = useState({})
11 
 
 11 
 
Línea 21... Línea 21...
21 
  return (
 21 
  return (
22 
    <>
 22 
    <>
23 
      <div className="experience-item">
 23 
      <div className="experience-item">
24 
        <div className="experience-item-header">
 24 
        <div className="experience-item-header">
25 
          <h3>{experience.company}</h3>
 25 
          <h3>{experience.company}</h3>
- 
 
 26 
          {isEdit && (
- 
 
 27 
            <div className="d-inline-flex align-items-center gap-3">
26 
          <IconButton onClick={() => onEdit(experience.link_edit)}>
 28 
              <IconButton onClick={() => onEdit(experience.link_edit)}>
27 
            <EditIcon className="cursor-pointer" />
 29 
                <EditIcon className="cursor-pointer" />
28 
          </IconButton>
 30 
              </IconButton>
29 
          <IconButton onClick={toggleConfirmModal}>
 31 
              <IconButton onClick={toggleConfirmModal}>
30 
            <DeleteIcon className="cursor-pointer" />
 32 
                <DeleteIcon className="cursor-pointer" />
31 
          </IconButton>
 33 
              </IconButton>
- 
 
 34 
            </div>
- 
 
 35 
          )}
32 
        </div>
 36 
        </div>
33 
        <p>{experience.title}</p>
 37 
        <p>{experience.title}</p>
34 
        <p>
 38 
        <p>
35 
          {`${monthOptions[experience.from_month]} ${experience.from_year} - ${
 39 
          {`${monthOptions[experience.from_month]} ${experience.from_year} - ${
36 
            monthOptions[experience.to_month]
 40 
            monthOptions[experience.to_month]