Proyectos de Subversion LeadersLinked - Antes de SPA

/* eslint-disable react/prop-types */

import React, { useEffect } from 'react'

import { useDispatch } from 'react-redux'

import { setIntlLabels } from '../../../../redux/intl/intl.action'

import Cover from '../../../../shared/cover/Cover'

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 ProfileInfo from '../../../../shared/profile/edit/profile-info/ProfileInfo'

const Edit = ({ profile, labels }) => {

  const dispatch = useDispatch()

  const {

    profileId,

    cover,

    overview,

    formatted_address,

    experiences,

    educations,

    months,

    languages,

    skills,

    aptitudes,

    hobbiesAndInterests,

    sizes,

    options,

  } = profile

  useEffect(() => {

    dispatch(setIntlLabels(labels))

  }, [])

  return (

    <>

      <Cover

        isEdit

        type="user"

        cover={cover}

        profileId={profileId}

        id={profile.uuid}

        size={sizes.cover}

      />

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

        <aside className="main-left-sidebar">

          <ProfileInfo

            entityId={profile.uuid}

            facebook={profile.facebook}

            instagram={profile.instagram}

            twitter={profile.twitter}

            follower={profile.follower}

            following={profile.following}

            image={profile.image}

            imageProfileCover={sizes.image}

            profileId={profileId}

            profileType="user"

          />

        </aside>

        <div className="feed-section">

          <h2>{profile.fullName}</h2>

          <Overview isEdit overview={overview} userId={profile.uuid} />

          <Experiences

            isEdit

            experiences={experiences}

            userId={profile.uuid}

            companySizesOptions={options.companySizes}

            industriesOptions={options.industries}

            months={months}

          />

          <Educations

            isEdit

            educations={educations}

            degreesOptions={options.degrees}

            userId={profile.uuid}

          />

          <Location isEdit address={formatted_address} userId={profile.uuid} />

          <Languages

            isEdit

            languages={languages}

            languagesOptions={options.languages}

            userId={profile.uuid}

          />

          <Skills

            isEdit

            skills={skills}

            skillsOptions={options.skills}

            userId={profile.uuid}

          />

          <Aptitudes

            isEdit

            aptitudes={aptitudes}

            aptitudesOptions={options.aptitudes}

            userId={profile.uuid}

          />

          <HobbiesAndInterests

            isEdit

            hobbiesAndInterest={hobbiesAndInterests}

            hobbiesAndInterestsOptions={options.hobbiesAndInterests}

            userId={profile.uuid}

          />

        </div>

        <aside className="right-sidebar"></aside>

      </main>

    </>

  )

}

export default Edit