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 '../../../components/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
            isEdit
            id={profile.uuid}
            facebook={profile.facebook}
            twitter={profile.twitter}
            instagram={profile.instagram}
            follower={profile.follower}
            following={profile.following}
            fullName={profile.fullName}
            image={profile.image}
          />
        </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