Proyectos de Subversion LeadersLinked - SPA

import React, { useEffect, useState } from 'react'

import { useParams } from 'react-router-dom'

import { useDispatch, useSelector } from 'react-redux'

import { getBackendVars } from '../../services/backendVars'

import ProfileInfo from '../../components/ProfileInfo'

import Cover from '../../components/UI/cover/Cover'

import Skills from '../../components/profile/skills/SkillsCard'

import Location from '../../components/location/Location'

import Overview from '../../components/overview/Overview'

import Aptitudes from '../../components/profile/aptitudes/AptitudesCard'

import Languages from '../../components/profile/languages/LanguagesCard'

import Educations from '../../components/educations/Educations'

import Experiences from '../../components/experiences/Experiences'

import SuggestWidget from '../../components/widgets/default/SuggestWidget'

import HobbiesAndInterests from '../../components/profile/hobbies/HobbiesCard.jsx'

import { addNotification } from '@app/redux/notification/notification.actions'

const ProfileView = () => {

  const [profile, setProfile] = useState(null)

  const labels = useSelector(({ intl }) => intl.labels)

  const { uuid } = useParams()

  const dispatch = useDispatch()

  useEffect(() => {

    getBackendVars(`/profile/view/${uuid}`)

      .then((vars) => {

        const adapters = [

          'user_hobbies_and_interests',

          'user_skills',

          'user_aptitudes',

          'user_languages'

        ]

        adapters.forEach((adapter) => {

          vars[adapter] = Object.entries(vars[adapter]).map(([key, value]) => {

            return { name: value, value: key }

          })

        })

        setProfile(vars)

      })

      .catch((error) => {

        dispatch(addNotification({ style: 'danger', msg: error.message }))

      })

  }, [])

  return (

    <>

      <Cover cover={profile?.cover} />

      <main className='main-section-data container px-0'>

        <ProfileInfo

          {...profile}

          fullName={profile?.full_name}

          linkInmail={profile?.link_inmail}

          showContact={profile?.show_contact}

          id={profile?.user_uuid}

          cancelUrl={profile?.link_cancel}

          connectUrl={profile?.link_request}

          isEdit

        />

        <section className='feed-section'>

          <Overview overview={profile?.overview} edit />

          <Experiences experiences={profile?.user_experiences} />

          <Educations educations={profile?.user_educations} />

          <Location address={profile?.formatted_address} />

          <Languages languages={profile?.user_languages} />

          <Skills skills={profile?.user_skills} />

          <Aptitudes aptitudes={profile?.user_aptitudes} />

          <HobbiesAndInterests

            hobbiesAndInterest={profile?.user_hobbies_and_interests}

          />

        </section>

        <SuggestWidget

          url={`/helpers/people-viewed-profile/${profile?.user_profile_id}`}

          btnLabelAccept={labels.view_profile}

          title={labels.who_has_seen_this_profile}

        />

      </main>

    </>

  )

}

export default ProfileView