Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 6768 Rev 6769
Línea 1... Línea 1...
1 
import React, { useState, useRef, useEffect } from 'react'
 1 
import React, { useState, useRef, useEffect } from 'react'
2 
import { axios } from '../../utils'
 2 
import { axios } from '../../utils'
- 
 
 3 
import { getMonthName } from '../../utils/dates'
3 
import { useDispatch, useSelector } from 'react-redux'
 4 
import { useDispatch, useSelector } from 'react-redux'
4 
import { addNotification } from '../../redux/notification/notification.actions'
 5 
import { addNotification } from '../../redux/notification/notification.actions'
5 
import IconButton from '@mui/material/IconButton'
 - 
 
6 
import AddIcon from '@mui/icons-material/Add'
 6 
import AddIcon from '@mui/icons-material/Add'
- 
 
 7 
import EditIcon from '@mui/icons-material/Edit'
- 
 
 8 
import DeleteIcon from '@mui/icons-material/Delete'
- 
 
 9 
import IconButton from '@mui/material/IconButton'
Línea 7... Línea 10...
7 
 
 10 
 
8 
import EmptySection from '../UI/EmptySection'
 - 
 
9 
import ExperienceItem from './ExperienceItem'
 11 
import EmptySection from '../UI/EmptySection'
- 
 
 12 
import ExperienceModal from './ExperienceModal'
Línea 10... Línea 13...
10 
import ExperienceModal from './ExperienceModal'
 13 
import ConfirmModal from '../modals/ConfirmModal'
11 
 
 14 
 
12 
const Experiences = ({ experiences = [], months = [], userId, isEdit }) => {
 15 
const ExperiencesList = ({ experiences = [], userId, isEdit }) => {
13 
  const [settedExperiences, setSettedExperiences] = useState([])
 16 
  const [settedExperiences, setSettedExperiences] = useState([])
14 
  const [isModalOpen, setIsModalOpen] = useState(false)
 17 
  const [isModalOpen, setIsModalOpen] = useState(false)
15 
  const actionUrl = useRef('')
 18 
  const actionUrl = useRef('')
Línea 64... Línea 67...
64 
            </IconButton>
 67 
            </IconButton>
65 
          )}
 68 
          )}
66 
        </div>
 69 
        </div>
67 
        {settedExperiences.length ? (
 70 
        {settedExperiences.length ? (
68 
          settedExperiences.map((experience) => (
 71 
          settedExperiences.map((experience) => (
69 
            <ExperienceItem
 72 
            <ExperiencesList.Item
70 
              key={`${experience.company} - ${experience.title}`}
 73 
              key={`${experience.company} - ${experience.title}`}
71 
              experience={experience}
 74 
              experience={experience}
72 
              months={months}
 - 
 
73 
              onDelete={deleteExperience}
 75 
              onDelete={deleteExperience}
74 
              onEdit={editExperience}
 76 
              onEdit={editExperience}
75 
              isEdit={isEdit}
 77 
              isEdit={isEdit}
76 
            />
 78 
            />
77 
          ))
 79 
          ))
Línea 88... Línea 90...
88 
      />
 90 
      />
89 
    </>
 91 
    </>
90 
  )
 92 
  )
91 
}
 93 
}
Línea -... Línea 94...
- 
 
 94 
 
- 
 
 95 
const Experience = ({ experience, onDelete, onEdit, isEdit }) => {
- 
 
 96 
  const [isShow, setIsShow] = useState(false)
- 
 
 97 
 
- 
 
 98 
  const toggleConfirmModal = () => {
- 
 
 99 
    setIsShow(!isShow)
- 
 
 100 
  }
- 
 
 101 
 
- 
 
 102 
  return (
- 
 
 103 
    <>
- 
 
 104 
      <div className="experience-item">
- 
 
 105 
        <div className="experience-item-header">
- 
 
 106 
          <h3>{experience.company}</h3>
- 
 
 107 
          {isEdit && (
- 
 
 108 
            <div className="icon-buttons-group">
- 
 
 109 
              <IconButton onClick={() => onEdit(experience.link_edit)}>
- 
 
 110 
                <EditIcon />
- 
 
 111 
              </IconButton>
- 
 
 112 
              <IconButton onClick={toggleConfirmModal}>
- 
 
 113 
                <DeleteIcon />
- 
 
 114 
              </IconButton>
- 
 
 115 
            </div>
- 
 
 116 
          )}
- 
 
 117 
        </div>
- 
 
 118 
        <h4>{experience.title}</h4>
- 
 
 119 
        <p>
- 
 
 120 
          {`${getMonthName(experience.from_month)} ${experience.from_year} - ${
- 
 
 121 
            experience.is_current === 'y'
- 
 
 122 
              ? 'Actual'
- 
 
 123 
              : `${getMonthName(experience.to_month)} ${experience.to_year}`
- 
 
 124 
          }`}
- 
 
 125 
        </p>
- 
 
 126 
        <p>{`${experience.industry.name || experience.industry} / ${
- 
 
 127 
          experience.size
- 
 
 128 
        }`}</p>
- 
 
 129 
        <p>{experience.formatted_address}</p>
- 
 
 130 
        {experience.description}
- 
 
 131 
      </div>
- 
 
 132 
      <ConfirmModal
- 
 
 133 
        show={isShow}
- 
 
 134 
        onClose={toggleConfirmModal}
- 
 
 135 
        onAccept={() => onDelete(experience.link_delete)}
- 
 
 136 
      />
- 
 
 137 
    </>
- 
 
 138 
  )
- 
 
 139 
}
- 
 
 140 
 
- 
 
 141 
ExperiencesList.Item = Experience
92 
 
 142