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;