Proyectos de Subversion LeadersLinked - SPA

Rev

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

Rev 3029 Rev 3030
Línea 1... Línea 1...
1 
import React from 'react'
 1 
import React from 'react'
2 
import { useSelector } from 'react-redux'
 2 
import { useSelector } from 'react-redux'
3 
import { IconButton } from '@mui/material'
 3 
import { IconButton } from '@mui/material'
4 
import { Add } from '@mui/icons-material'
 4 
import { Add } from '@mui/icons-material'
Línea 5... Línea 5...
5 
 
 5 
 
Línea 6... Línea 6...
6 
import { useExperiences } from '@app/hooks/useExperiences'
 6 
import { useExperiences } from '@hooks'
7 
 
 7 
 
8 
import Widget from '@components/UI/Widget'
 8 
import Widget from '@components/UI/Widget'
9 
import ExperienceItem from './experience-item'
 9 
import ExperienceItem from './experience-item'
Línea 15... Línea 15...
15 
  uuid = '',
 15 
  uuid = '',
16 
  experiences: defaultExperiences = [],
 16 
  experiences: defaultExperiences = [],
17 
  edit = false
 17 
  edit = false
18 
}) => {
 18 
}) => {
19 
  const {
 19 
  const {
20 
    showModal,
 - 
 
21 
    modalState,
 20 
    modalState,
- 
 
 21 
    experiences,
- 
 
 22 
    currentExperience,
- 
 
 23 
    showModal,
22 
    onAdd,
 24 
    onAdd,
23 
    onEdit,
 25 
    onEdit,
24 
    onDelete,
 26 
    onDelete
25 
    experiences,
 - 
 
26 
    currentExperience
 - 
 
27 
  } = useExperiences({
 27 
  } = useExperiences({
28 
    defaultExperiences
 28 
    defaultExperiences
29 
  })
 29 
  })
30 
  const labels = useSelector(({ intl }) => intl.labels)
 30 
  const labels = useSelector(({ intl }) => intl.labels)
Línea 46... Línea 46...
46 
          }}
 46 
          }}
47 
        />
 47 
        />
Línea 48... Línea 48...
48 
 
 48 
 
49 
        <Widget.Body>
 49 
        <Widget.Body>
50 
          {experiences.length ? (
 50 
          {experiences.length ? (
51 
            experiences.map((experience) => (
 51 
            experiences.map((experience, index) => (
52 
              <ExperienceItem
 52 
              <ExperienceItem
53 
                key={experience.title + experience.company}
 53 
                key={index}
54 
                experience={experience}
 54 
                experience={experience}
55 
                onEdit={() => showModal('edit', experience)}
 55 
                onEdit={() => showModal('edit', experience)}
56 
                onDelete={() => showModal('delete', experience)}
 56 
                onDelete={() => showModal('delete', experience)}
57 
                edit={edit}
 57 
                edit={edit}
Línea 66... Línea 66...
66 
      <ExperienceModal
 66 
      <ExperienceModal
67 
        show={modalState === 'add' || modalState === 'edit'}
 67 
        show={modalState === 'add' || modalState === 'edit'}
68 
        currentExperience={currentExperience}
 68 
        currentExperience={currentExperience}
69 
        onClose={clearModal}
 69 
        onClose={clearModal}
70 
        onConfirm={(experience) =>
 70 
        onConfirm={(experience) =>
71 
          currentExperience ? onAdd(uuid, experience) : onEdit(experience)
 71 
          modalState === 'add' ? onAdd(uuid, experience) : onEdit(experience)
72 
        }
 72 
        }
73 
      />
 73 
      />
Línea 74... Línea 74...
74 
 
 74 
 
75 
      <ConfirmModal
 75 
      <ConfirmModal