Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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