Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 5480 | Rev 5488 | Ir a la última revisión | | Comparar con el anterior | Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
5475 stevensc 1 
import React, { useEffect } from 'react'
5473 stevensc 2 
import { useDispatch } from 'react-redux'
3 
import { setIntlLabels } from '../../../../redux/intl/intl.action'
5475 stevensc 4 
 
5473 stevensc 5 
import EmptySection from '../../../../shared/empty-section/EmptySection'
6 
import SuggestWidget from '../../../../shared/helpers/my-groups-helper/SuggestWidget'
7 
import ProfileInfo from '../../../components/ProfileInfo'
8 
import Overview from '../../../components/overview/Overview'
5475 stevensc 9 
import Experiences from '../../../components/experiences/Experiences'
5478 stevensc 10 
import Educations from '../../../components/educations/Educations'
5483 stevensc 11 
import Location from '../../../components/location/Location'
12 
import Languages from '../../../components/languages/Languages'
5473 stevensc 13 
 
14 
const View = ({
15 
  userIdEncrypted,
16 
  cover,
17 
  overview,
18 
  userExperiences,
19 
  userEducations,
20 
  formatted_address,
21 
  months,
22 
  userLanguages,
23 
  userSkills,
24 
  userAptitudes,
25 
  userHobbiesAndInterests,
26 
  CancelConnectionUrl,
27 
  RequestConnectionUrl,
28 
  profileId,
29 
  labels,
30 
  ...profileProps
31 
}) => {
32 
  const dispatch = useDispatch()
33 
 
34 
  useEffect(() => {
35 
    dispatch(setIntlLabels(labels))
36 
  }, [])
37 
 
38 
  return (
39 
    <>
40 
      <section className="cover-sec">
41 
        <img
42 
          id="user-cover-img"
43 
          src={`/storage/type/user-cover/code/${userIdEncrypted}/${
44 
            cover ? `filename/${cover}` : ''
45 
          }`}
46 
          alt=""
47 
        />
48 
      </section>
49 
      <main className="main-section-data container px-0">
50 
        <ProfileInfo
51 
          {...profileProps}
52 
          id={userIdEncrypted}
53 
          cancelUrl={CancelConnectionUrl}
54 
          connectUrl={RequestConnectionUrl}
55 
        />
56 
        <section className="feed-section">
57 
          <Overview overview={overview} userId={userIdEncrypted} />
5475 stevensc 58 
          <Experiences
59 
            userId={userIdEncrypted}
60 
            experiences={userExperiences}
61 
            months={months}
62 
          />
5478 stevensc 63 
          <Educations educations={userEducations} userId={userIdEncrypted} />
5483 stevensc 64 
          <Location address={formatted_address} userId={userIdEncrypted} />
65 
          <Languages languages={userLanguages} userId={userIdEncrypted} />
5473 stevensc 66 
          <div className="user-profile-extended-ov">
67 
            <h3>{labels.SKILLS}</h3>
68 
            {!userSkills.length ? (
69 
              <EmptySection align="left" message={labels.EMPTY} />
70 
            ) : (
71 
              <ul id="list-skills">
72 
                {userSkills.map(({ name, value }) => (
73 
                  <li key={value}>
74 
                    <a href="#" title="">
75 
                      {name}
76 
                    </a>
77 
                  </li>
78 
                ))}
79 
              </ul>
80 
            )}
81 
          </div>
82 
          <div className="user-profile-extended-ov">
83 
            <h3>{labels.APTITUDES}</h3>
84 
            {!userAptitudes.length ? (
85 
              <EmptySection align="left" message={labels.EMPTY} />
86 
            ) : (
87 
              <ul id="list-skills">
88 
                {userAptitudes.map(({ name, value }) => (
89 
                  <li key={value}>
90 
                    <a href="#" title="">
91 
                      {name}
92 
                    </a>
93 
                  </li>
94 
                ))}
95 
              </ul>
96 
            )}
97 
          </div>
98 
          <div className="user-profile-extended-ov">
99 
            <h3>{labels.HOBBIES_AND_INTERESTS}</h3>
100 
            {!userHobbiesAndInterests.length ? (
101 
              <EmptySection align="left" message={labels.EMPTY} />
102 
            ) : (
103 
              <ul id="list-skills">
104 
                {userHobbiesAndInterests.map(({ name, value }) => (
105 
                  <li key={value}>
106 
                    <a href="#" title="">
107 
                      {name}
108 
                    </a>
109 
                  </li>
110 
                ))}
111 
              </ul>
112 
            )}
113 
          </div>
114 
        </section>
115 
        <SuggestWidget
116 
          url={`/helpers/people-viewed-profile/${profileId}`}
117 
          btnLabelAccept="Ver perfil"
118 
          title="Quien ha visitado esta perfil"
119 
        />
120 
      </main>
121 
    </>
122 
  )
123 
}
124 
 
125 
export default View