Proyectos de Subversion LeadersLinked - Antes de SPA

import React from "react";
import { connect } from "react-redux";
import Category from "./category/Category";
import Degrees from "./degrees/Degrees";
import EmploymentType from "./employment-type/EmploymentType";
import Experience from "./experience/Experience";
import Languages from "./languages/Languages";
import LastDateOfApplication from "./last-date-of-application/LastDateOfApplication";
import Location from "./location/Location";
import Overview from "./overview/Overview";
import Salary from "./salary/Salary";
import Skills from "./skills/Skills";

const Edit = (props) => {
  // reduxDestructuring
  const { addNotification } = props;
  // backendVars destructuring
  const {
    companyId,
    jobId,
    jobTitle,
    overview,
    lastDateOfApplication,
    employmentType,
    employmentTypes,
    location,
    experience,
    salary,
    currencies,
    jobCategory,
    jobCategories,
    jobSkills,
    skillsOptions,
    jobLanguages,
    languageOptions,
    jobDegrees,
    degreeOptions,
  } = props.backendVars;
  return (
    <main>
      <div className="main-section">
        <div className="container">
          <div className="main-section-data">
            <div className="main-left-sidebar">
            </div>
            <div className="main-ws-sec">
              <div className="user-tab-sec">
                <h3>{jobTitle}</h3>
              </div>
              <Overview
                overview={overview}
                companyId={companyId}
                addNotification={addNotification}
                jobId={jobId}
              />
              {/* <!--user-profile-ov end--> */}
              <LastDateOfApplication
                companyId={companyId}
                jobId={jobId}
                addNotification={addNotification}
                lastDateOfApplication={lastDateOfApplication}
              />
              {/* <!--user-profile-ov end--> */}
              <EmploymentType
                companyId={companyId}
                jobId={jobId}
                addNotification={addNotification}
                employmentType={employmentType}
                employmentTypes={employmentTypes}
              />
              {/* <!--user-profile-ov end--> */}
              <Location
                formattedAddress={location}
                companyId={companyId}
                jobId={jobId}
                addNotification={addNotification}
              />
              {/* <!--user-profile-ov end--> */}
              <Experience
                companyId={companyId}
                jobId={jobId}
                addNotification={addNotification}
                experience={experience}
              />
              {/* <!--user-profile-ov end--> */}
              <Salary
                companyId={companyId}
                jobId={jobId}
                addNotification={addNotification}
                salary={salary}
                currencies={currencies}
              />
              {/* <!--user-profile-ov end--> */}
              <Category
                companyId={companyId}
                jobId={jobId}
                addNotification={addNotification}
                jobCategory={jobCategory}
                jobCategories={jobCategories}
              />
              {/* <!--user-profile-ov end--> */}
              <Skills
                companyId={companyId}
                jobId={jobId}
                addNotification={addNotification}
                jobSkills={jobSkills}
                skillsOptions={skillsOptions}
              />
              {/* <!--user-profile-ov end --> */}
              <Languages
                companyId={companyId}
                jobId={jobId}
                addNotification={addNotification}
                jobLanguages={jobLanguages}
                languageOptions={languageOptions}
              />
              {/* <!--user-profile-ov end --> */}
              <Degrees
                companyId={companyId}
                jobId={jobId}
                addNotification={addNotification}
                jobDegrees={jobDegrees}
                degreeOptions={degreeOptions}
              />
            </div>
            <div className="right-sidebar">
            </div>
          </div>
        </div>
      </div>
    </main>
  );
};

const mapDispatchToProps = {
  addNotification: (notification) => addNotification(notification),
};

export default connect(null, mapDispatchToProps)(Edit);