Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 5473 Rev 5478
Línea 1... Línea 1...
1 
/* eslint-disable react/prop-types */
 1 
/* eslint-disable react/prop-types */
- 
 
 2 
import React, { useState, useRef, useEffect } from 'react'
2 
import React from "react";
 3 
import { axios } from '../../../utils'
3 
import { useState, useRef } from "react";
 4 
import { useSelector } from 'react-redux'
- 
 
 5 
import Edit from '@mui/icons-material/Edit'
4 
import Education from "./education/Education";
 6 
import IconButton from '@mui/material/IconButton'
- 
 
 7 
 
5 
import Spinner from "../../../../shared/loading-spinner/Spinner";
 8 
import Spinner from '../../../shared/loading-spinner/Spinner'
6 
import EducationModal from "./education/EducationModal";
 9 
import EducationModal from './EducationModal'
7 
import { axios } from "../../../../utils";
 10 
import EducationItem from './EducationItem'
- 
 
 11 
import EmptySection from '../../../shared/empty-section/EmptySection'
8 
 
 12 
 
9 
const Educations = (props) => {
 13 
const Educations = ({ educations, degreesOptions, userId, isEdit }) => {
10 
  // props destructuring
 14 
  const [settedEducations, setSettedEducations] = useState(educations)
11 
  const {
 - 
 
12 
    userEducations,
 - 
 
13 
    degreesOptions,
 15 
  const [settedDescription, setSettedDescription] = useState('')
14 
    userIdEncrypted,
 - 
 
15 
  } = props;
 - 
 
16 
  const [isModalOpen, setIsModalOpen] = useState(false);
 16 
  const [isModalOpen, setIsModalOpen] = useState(false)
17 
  const [loading, setLoading] = useState(false);
 17 
  const [loading, setLoading] = useState(false)
18 
  const [settedEducations, setSettedEducations] = useState(userEducations);
 - 
 
19 
  const [settedDescription, setSettedDescription] = useState("");
 - 
 
Línea -... Línea 18...
- 
 
 18 
 
20 
 
 19 
  const labels = useSelector((state) => state.labels)
Línea 21... Línea 20...
21 
  const postUrl = useRef("");
 20 
  const postUrl = useRef('')
22 
 
 21 
 
23 
  const addEducation = () => {
 22 
  const addEducation = () => {
24 
    postUrl.current = `/profile/my-profiles/education/${userIdEncrypted}/operation/add`;
 23 
    postUrl.current = `/profile/my-profiles/education/${userId}/operation/add`
25 
    setSettedDescription("");
 24 
    setSettedDescription('')
Línea 26... Línea 25...
26 
    setIsModalOpen(true);
 25 
    setIsModalOpen(true)
27 
  };
 26 
  }
- 
 
 27 
 
28 
 
 28 
  const handleDelete = async (delete_link) => {
29 
  const handleDelete = async (delete_link) => {
 29 
    setLoading(true)
30 
    setLoading(true);
 30 
    axios
31 
    await axios.post(delete_link).then((response) => {
 31 
      .post(delete_link)
32 
      const resData = response.data;
 32 
      .then(({ data: response }) => {
33 
      if (resData.success) setSettedEducations(resData.data)
 33 
        if (response.success) setSettedEducations(response.data)
Línea 34... Línea 34...
34 
    });
 34 
      })
35 
    setLoading(false);
 35 
      .finally(() => setLoading(false))
36 
  };
 36 
  }
- 
 
 37 
 
- 
 
 38 
  const handleEdit = async (edit_link) => {
37 
 
 39 
    postUrl.current = edit_link
38 
  const handleEdit = async (edit_link) => {
 40 
    const currentDescription = settedEducations.find(
39 
    postUrl.current = edit_link;
 41 
      (education) => education.link_edit === edit_link
- 
 
 42 
    )
- 
 
 43 
    setSettedDescription(currentDescription.description)
- 
 
 44 
    setIsModalOpen(true)
- 
 
 45 
  }
Línea 40... Línea 46...
40 
    const currentDescription = settedEducations.find(education => education.link_edit === edit_link)
 46 
 
41 
    setSettedDescription(currentDescription.description)
 47 
  useEffect(() => {
42 
    setIsModalOpen(true)
 48 
    setSettedEducations(educations)
43 
  };
 49 
  }, [educations])
44 
 
 50 
 
45 
  return (
 - 
 
46 
    <>
 - 
 
47 
      <div className="user-profile-extended-ov position-relative">
 - 
 
48 
        <h3 className="d-flex">
 51 
  return (
49 
          Educación
 - 
 
50 
          <div className="ml-1">
 52 
    <>
51 
            <a
 - 
 
52 
              href="#"
 - 
 
53 
              title=""
 - 
 
54 
              className="btn-education-add"
 53 
      <div className="profile-attr">
55 
              onClick={addEducation}
 - 
 
56 
            >
 - 
 
57 
              <i className="fa fa-plus-square"></i>
 - 
 
58 
            </a>
 - 
 
59 
          </div>
 - 
 
60 
        </h3>
 54 
        <div className="profile-attr-header">
61 
        <span>
 - 
 
62 
          {
 - 
 
63 
            settedEducations.length
 - 
 
64 
              ? settedEducations.map((userEducation, id) =>
 - 
 
65 
                <Education
 - 
 
66 
                  key={id}
 - 
 
67 
                  id={id}
 - 
 
68 
                  userEducation={userEducation}
 - 
 
69 
                  onDelete={handleDelete}
 55 
          <h3>Educación</h3>
70 
                  onEdit={handleEdit}
 56 
          {isEdit && (
71 
                />
 57 
            <IconButton onClick={addEducation}>
- 
 
 58 
              <Edit />
- 
 
 59 
            </IconButton>
- 
 
 60 
          )}
- 
 
 61 
        </div>
- 
 
 62 
        {loading && <Spinner />}
- 
 
 63 
        {settedEducations.length ? (
- 
 
 64 
          settedEducations.map((education) => (
- 
 
 65 
            <EducationItem
- 
 
 66 
              key={education.link_edit}
- 
 
 67 
              education={education}
- 
 
 68 
              onDelete={handleDelete}
- 
 
 69 
              onEdit={handleEdit}
72 
              )
 70 
            />
73 
              : 'Sin información'
 71 
          ))
74 
          }
 72 
        ) : (
75 
        </span>
 73 
          <EmptySection align="left" message={labels.EMPTY} />
76 
        {loading && <Spinner />}
 74 
        )}
77 
      </div>
 75 
      </div>
78 
      <EducationModal
 76 
      <EducationModal
79 
        degreesOptions={degreesOptions}
 77 
        degreesOptions={degreesOptions}
80 
        closeModal={() => setIsModalOpen(false)}
 78 
        closeModal={() => setIsModalOpen(false)}
81 
        postUrl={postUrl.current}
 79 
        postUrl={postUrl.current}
82 
        setEducations={(newEducations) => setSettedEducations(newEducations)}
 80 
        setEducations={(newEducations) => setSettedEducations(newEducations)}
83 
        settedDescription={settedDescription}
 81 
        settedDescription={settedDescription}
Línea 84... Línea 82...
84 
        show={isModalOpen}
 82 
        show={isModalOpen}