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'

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 (

    <>

      <section className="cover-sec">

        <img

          id="user-cover-img"

          src={`/storage/type/user-cover/code/${userIdEncrypted}/${

            cover ? `filename/${cover}` : ''

          }`}

          alt=""

        />

      </section>

      <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