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} isEdit />
          <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