Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 5473 Rev 5489
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, useEffect } from 'react'
- 
 
 3 
import { useSelector } from 'react-redux'
- 
 
 4 
 
- 
 
 5 
import IconButton from '@mui/material/IconButton'
- 
 
 6 
import EditIcon from '@mui/icons-material/Edit'
3 
import EmptySection from '../../../../shared/empty-section/EmptySection'
 7 
import EmptySection from '../../../shared/empty-section/EmptySection'
4 
import HobbiesModal from './HobbiesModal'
 8 
import HobbiesModal from './HobbiesModal'
Línea 5... Línea 9...
5 
 
 9 
 
- 
 
 10 
const HobbiesAndInterests = ({
- 
 
 11 
  hobbiesAndInterest,
- 
 
 12 
  hobbiesAndInterestsOptions,
- 
 
 13 
  userId,
- 
 
 14 
  isEdit,
6 
const HobbiesAndInterests = ({ userHobbiesAndInterests, hobbiesAndInterestsOptions, userIdEncrypted }) => {
 15 
}) => {
7 
  const [isModalOpen, setIsModalOpen] = useState(false)
 16 
  const [isModalOpen, setIsModalOpen] = useState(false)
- 
 
 17 
  const [settedHobbiesAndInterest, setSettedHobbiesAndInterest] =
- 
 
 18 
    useState(hobbiesAndInterest)
- 
 
 19 
 
- 
 
 20 
  const labels = useSelector((state) => state.labels)
- 
 
 21 
 
- 
 
 22 
  const handleEdit = () => {
- 
 
 23 
    setIsModalOpen(true)
- 
 
 24 
  }
- 
 
 25 
 
- 
 
 26 
  useEffect(() => {
- 
 
 27 
    setSettedHobbiesAndInterest(hobbiesAndInterest)
Línea 8... Línea 28...
8 
  const [userHobbiesAndInterestsArray, setUserHobbiesAndInterestsArray] = useState(userHobbiesAndInterests)
 28 
  }, [hobbiesAndInterest])
9 
 
 29 
 
10 
  return (
 30 
  return (
11 
    <>
 31 
    <>
12 
      <div className="user-profile-ov">
 32 
      <div className="profile-attr">
13 
        <h3>
 - 
 
14 
          {LABELS.HOBBIES_AND_INTERESTS}
 33 
        <div className="profile-attr-header">
15 
          <a
 34 
          <h3>{labels.HOBBIES_AND_INTERESTS}</h3>
16 
            href=""
 - 
 
17 
            className="btn-hobbiesAndInterests-edit"
 - 
 
18 
            onClick={() => setIsModalOpen(true)}
 35 
          {isEdit && (
19 
          >
 36 
            <IconButton onClick={handleEdit}>
20 
            <i className="fa fa-pencil" />
 37 
              <EditIcon />
21 
          </a>
 38 
            </IconButton>
22 
        </h3>
 39 
          )}
23 
        <ul>
 40 
        </div>
24 
          {!userHobbiesAndInterestsArray.length
 41 
        {settedHobbiesAndInterest.length ? (
25 
            ? <EmptySection align='left' message={LABELS.DATATABLE_EMPTY}/>
 42 
          <ul id="list-skills">
26 
            : userHobbiesAndInterestsArray.map(({ name }) =>
 43 
            {settedHobbiesAndInterest.map(({ name, value }) => (
27 
              <li key={name}>
 44 
              <li key={value}>
28 
                <a href="#" title="">
 45 
                <a href="#" title="">
29 
                  {name}
 46 
                  {name}
30 
                </a>
 47 
                </a>
31 
              </li>
 48 
              </li>
- 
 
 49 
            ))}
- 
 
 50 
          </ul>
- 
 
 51 
        ) : (
32 
            )}
 52 
          <EmptySection align="left" message={labels.EMPTY} />
33 
        </ul>
 53 
        )}
34 
      </div>
 54 
      </div>
35 
      <HobbiesModal
 55 
      <HobbiesModal
36 
        show={isModalOpen}
 56 
        show={isModalOpen}
37 
        closeModal={() => setIsModalOpen(false)}
 57 
        closeModal={() => setIsModalOpen(false)}
38 
        userIdEncrypted={userIdEncrypted}
 58 
        userIdEncrypted={userId}
39 
        hobbiesAndInterestsOptions={hobbiesAndInterestsOptions}
 59 
        hobbiesAndInterestsOptions={hobbiesAndInterestsOptions}
- 
 
 60 
        userHobbiesAndInterests={settedHobbiesAndInterest}
- 
 
 61 
        setUserHobbiesAndInterests={(newHobbiesAndInterests) =>
40 
        userHobbiesAndInterests={userHobbiesAndInterestsArray}
 62 
          setSettedHobbiesAndInterest(newHobbiesAndInterests)
41 
        setUserHobbiesAndInterests={(newHobbiesAndInterests) => setUserHobbiesAndInterestsArray(newHobbiesAndInterests)}
 63 
        }
42 
      />
 64 
      />
43 
    </>
 65 
    </>