Proyectos de Subversion LeadersLinked - Antes de SPA

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

import React from 'react'

import { connect } from 'react-redux'

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

import { profileTypes } from '../../../../shared/profile/Profile.types'

import CoverSection from '../../../../shared/profile/edit/cover-section/CoverSection'

import Aptitudes from '../aptitudes/Aptitudes'

import Educations from '../educations/Educations'

import Experiences from '../experiences/Experiences'

import HobbiesAndInterests from '../hobbies-and-interests/HobbiesAndInterests'

import Languages from '../languages/Languages'

import Location from '../location/Location'

import Overview from '../overview/Overview'

import Skills from '../skills/Skills'

const Edit = ({

  userIdEncrypted,

  userProfileIdEncrypted,

  cover,

  image,

  following,

  follower,

  facebook,

  twitter,

  instagram,

  fullName,

  overview,

  userExperiences,

  months,

  userEducations,

  formattedAddress,

  userLanguages,

  userSkills,

  userAptitudes,

  userHobbiesAndInterests,

  imageSizeCover,

  imageProfileCover,

  companySizesOptions,

  degreesOptions,

  industriesOptions,

  languagesOptions,

  skillsOptions,

  aptitudesOptions,

  hobbiesAndInterestsOptions,

  addNotification, // redux action

}) => {

  return (

    <main>

      <CoverSection

        cover={cover}

        entityId={userIdEncrypted}

        profileId={userProfileIdEncrypted}

        imageSizeCover={imageSizeCover}

        coverType={profileTypes.USER}

        addNotification={addNotification}

      />

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

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

          <ProfileInfo

            entityId={userIdEncrypted}

            profileId={userProfileIdEncrypted}

            image={image}

            following={following}

            follower={follower}

            facebook={facebook}

            twitter={twitter}

            instagram={instagram}

            imageProfileCover={imageProfileCover}

            addNotification={addNotification}

            profileType={profileTypes.USER}

          />

        </div>

        <div className="feed-section">

          <div className="user-tab-sec rewivew">

            <h3>{fullName}</h3>

          </div>

          <Overview

            overview={overview}

            userIdEncrypted={userProfileIdEncrypted}

            addNotification={addNotification}

          />

          <Experiences

            userExperiences={userExperiences}

            months={months}

            companySizesOptions={companySizesOptions}

            industriesOptions={industriesOptions}

            userIdEncrypted={userProfileIdEncrypted}

            addNotification={addNotification}

          />

          <Educations

            userEducations={userEducations}

            degreesOptions={degreesOptions}

            userIdEncrypted={userProfileIdEncrypted}

            addNotification={addNotification}

          />

          <Location

            formattedAddress={formattedAddress}

            userIdEncrypted={userProfileIdEncrypted}

            addNotification={addNotification}

          />

          <Languages

            userLanguages={userLanguages}

            languagesOptions={languagesOptions}

            userIdEncrypted={userProfileIdEncrypted}

            addNotification={addNotification}

          />

          <Skills

            userSkills={userSkills}

            skillsOptions={skillsOptions}

            userIdEncrypted={userProfileIdEncrypted}

            addNotification={addNotification}

          />

          <Aptitudes

            userAptitudes={userAptitudes}

            aptitudesOptions={aptitudesOptions}

            userIdEncrypted={userProfileIdEncrypted}

            addNotification={addNotification}

          />

          <HobbiesAndInterests

            userHobbiesAndInterests={userHobbiesAndInterests}

            hobbiesAndInterestsOptions={hobbiesAndInterestsOptions}

            userIdEncrypted={userProfileIdEncrypted}

            addNotification={addNotification}

          />

        </div>

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

      </section>

    </main>

  )

}

const mapDispatchToProps = {

  addNotification: (notification) => addNotification(notification),

}

export default connect(null, mapDispatchToProps)(Edit)