Proyectos de Subversion LeadersLinked - Antes de SPA

import React, { useEffect } from 'react'
import { useDispatch } from 'react-redux'
import { setIntlLabels } from '../../../../redux/intl/intl.action'

import SuggestWidget from '../../../../shared/helpers/my-groups-helper/SuggestWidget'
import ProfileInfo from '../../../components/ProfileInfo'
import Overview from '../../../components/overview/Overview'
import Experiences from '../../../components/experiences/Experiences'
import Educations from '../../../components/educations/Educations'
import Location from '../../../components/location/Location'
import Languages from '../../../components/languages/Languages'
import Skills from '../../../components/skills/Skills'
import Aptitudes from '../../../components/aptitudes/Aptitudes'
import HobbiesAndInterests from '../../../components/hobbies-and-interests/HobbiesAndInterests'
import Cover from '../../../../shared/cover/Cover'

const View = ({
  userIdEncrypted,
  cover,
  overview,
  userExperiences,
  userEducations,
  formatted_address,
  months,
  userLanguages,
  userSkills,
  userAptitudes,
  userHobbiesAndInterests,
  CancelConnectionUrl,
  RequestConnectionUrl,
  profileId,
  labels,
  ...profileProps
}) => {
  const dispatch = useDispatch()

  useEffect(() => {
    dispatch(setIntlLabels(labels))
  }, [])

  return (
    <>
      <Cover cover={cover} id={userIdEncrypted} type="user" />
      <main className="main-section-data container px-0">
        <ProfileInfo
          {...profileProps}
          id={userIdEncrypted}
          cancelUrl={CancelConnectionUrl}
          connectUrl={RequestConnectionUrl}
        />
        <section className="feed-section">
          <Overview overview={overview} />
          <Experiences experiences={userExperiences} months={months} />
          <Educations educations={userEducations} />
          <Location address={formatted_address} />
          <Languages languages={userLanguages} />
          <Skills skills={userSkills} />
          <Aptitudes aptitudes={userAptitudes} />
          <HobbiesAndInterests hobbiesAndInterest={userHobbiesAndInterests} />
        </section>
        <SuggestWidget
          url={`/helpers/people-viewed-profile/${profileId}`}
          btnLabelAccept="Ver perfil"
          title="Quien ha visitado esta perfil"
        />
      </main>
    </>
  )
}

export default View