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);