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="row">
              <div className="col-xl-12 col-lg-12 col-md-12">
                <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>
            </div>
          </div>
        </div>
      </div>
    </main>
  );
};

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

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