Proyectos de Subversion LeadersLinked - SPA

Rev

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

Rev 3030 Rev 3040
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 -... Línea 5...
- 
 
 5 
 
- 
 
 6 
import {
- 
 
 7 
  addExperience,
- 
 
 8 
  deleteExperience,
- 
 
 9 
  editExperience
5 
 
 10 
} from '@services/profile/experience'
Línea 6... Línea 11...
6 
import { useExperiences } from '@hooks'
 11 
import { useResource } from '@hooks'
7 
 
 12 
 
8 
import Widget from '@components/UI/Widget'
 13 
import Widget from '@components/UI/Widget'
9 
import ExperienceItem from './experience-item'
 14 
import ExperienceItem from './experience-item'
10 
import ExperienceModal from './experience-modal'
 15 
import ExperienceModal from './experience-modal'
Línea 11... Línea 16...
11 
import ConfirmModal from '@components/modals/ConfirmModal'
 16 
import ConfirmModal from '@components/modals/ConfirmModal'
12 
import EmptySection from '@components/UI/EmptySection'
 - 
 
13 
 
 17 
import EmptySection from '@components/UI/EmptySection'
14 
const ExperiencesCard = ({
 - 
 
15 
  uuid = '',
 18 
 
16 
  experiences: defaultExperiences = [],
 19 
const ExperiencesCard = ({ uuid = '', experiences = [], edit = false }) => {
17 
  edit = false
 - 
 
18 
}) => {
 - 
 
19 
  const {
 - 
 
20 
    modalState,
 20 
  const labels = useSelector(({ intl }) => intl.labels)
- 
 
 21 
 
21 
    experiences,
 22 
  const {
22 
    currentExperience,
 23 
    showModal,
23 
    showModal,
 24 
    modalState,
- 
 
 25 
    onAdd,
- 
 
 26 
    onEdit,
- 
 
 27 
    onDelete,
24 
    onAdd,
 28 
    resources,
25 
    onEdit,
 29 
    clearModal,
- 
 
 30 
    currentResource
- 
 
 31 
  } = useResource({
- 
 
 32 
    defaultResources: experiences,
26 
    onDelete
 33 
    addResource: addExperience,
27 
  } = useExperiences({
 - 
 
28 
    defaultExperiences
 - 
 
29 
  })
 - 
 
Línea 30... Línea 34...
30 
  const labels = useSelector(({ intl }) => intl.labels)
 34 
    editResource: editExperience,
31 
 
 35 
    deleteResource: deleteExperience
32 
  const clearModal = () => showModal(null)
 36 
  })
33 
 
 37 
 
Línea 45... Línea 49...
45 
            )
 49 
            )
46 
          }}
 50 
          }}
47 
        />
 51 
        />
Línea 48... Línea 52...
48 
 
 52 
 
49 
        <Widget.Body>
 53 
        <Widget.Body>
50 
          {experiences.length ? (
 54 
          {resources.length ? (
51 
            experiences.map((experience, index) => (
 55 
            resources.map((experience, index) => (
52 
              <ExperienceItem
 56 
              <ExperienceItem
53 
                key={index}
 57 
                key={index}
54 
                experience={experience}
 58 
                experience={experience}
55 
                onEdit={() => showModal('edit', experience)}
 59 
                onEdit={() => showModal('edit', experience)}
Línea 63... Línea 67...
63 
        </Widget.Body>
 67 
        </Widget.Body>
64 
      </Widget>
 68 
      </Widget>
Línea 65... Línea 69...
65 
 
 69 
 
66 
      <ExperienceModal
 70 
      <ExperienceModal
67 
        show={modalState === 'add' || modalState === 'edit'}
 71 
        show={modalState === 'add' || modalState === 'edit'}
68 
        currentExperience={currentExperience}
 72 
        currentExperience={currentResource}
69 
        onClose={clearModal}
 73 
        onClose={clearModal}
70 
        onConfirm={(experience) =>
 74 
        onConfirm={(experience) =>
71 
          modalState === 'add' ? onAdd(uuid, experience) : onEdit(experience)
 75 
          modalState === 'add' ? onAdd(uuid, experience) : onEdit(experience)
72 
        }
 76 
        }