Proyectos de Subversion LeadersLinked - Antes de SPA

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

import React, { useState } from 'react';

import ApplicationSidebar from './application-sidebar/ApplicationSidebar';

import ApplyModal from './apply-modal/ApplyModal';

import Description from './description/Description';

import Information from './information/Information';

import Widget from './widget/Widget';

const View = ({

  jobId,

  companyId,

  companyImage,

  jobTitle,

  companyName,

  timeElapsed,

  location,

  jobSaved,

  lastDateOfApplication,

  employmentType,

  jobCategory,

  jobDescription,

  jobSkills,

  totalApplications,

  jobVisits,

  experience,

  salary,

  jobLanguages,

  jobDegrees,

  companyIndustry,

  companySize,

  companyAddress,

  companyWebsite,

  companyFoundationYear,

  jobApplyOperation,

  userProfiles,

}) => {

  const [showApplyModal, setShowApplyModal] = useState(false);

  const [isJobApplied, setIsJobApplied] = useState(

    jobApplyOperation === 'apply' ? false : true

  );

  const handleShowApplyModal = () => setShowApplyModal((currentState) => !currentState)

  const handleApply = () => setIsJobApplied(true)

  const handleWithdrawApply = () => setIsJobApplied(false)

  return (

    <>

      <div className='tab tab-feed'>

        <ul>

          <li data-tab='portfolio-dd' className='active animated fadeIn'>

            <a href='#' title=''>

              <img src='/images/ic3.png' alt='' />

              <span>Avance</span>

            </a>

          </li>

          <li data-tab='info-dd' className='animated fadeIn'>

            <a href='#' title=''>

              <img src='/images/ic2.png' alt='' />

              <span>Información</span>

            </a>

          </li>

        </ul>

      </div>

      <div className='description_header product-feed-tab current animated fadeIn'>

        <Description

          jobId={jobId}

          companyId={companyId}

          companyImage={companyImage}

          jobTitle={jobTitle}

          companyName={companyName}

          timeElapsed={timeElapsed}

          location={location}

          jobSaved={jobSaved}

          lastDateOfApplication={lastDateOfApplication}

          employmentType={employmentType}

          jobCategory={jobCategory}

          jobDescription={jobDescription}

          jobSkills={jobSkills}

          totalApplications={totalApplications}

          jobVisits={jobVisits}

        />

      </div>

      <Information

        jobDescription={jobDescription}

        lastDateOfApplication={lastDateOfApplication}

        employmentType={employmentType}

        location={location}

        experience={experience}

        salary={salary}

        jobCategory={jobCategory}

        jobSkills={jobSkills}

        jobLanguages={jobLanguages}

        jobDegrees={jobDegrees}

      />

      <div className='sidebar'>

        <ApplicationSidebar

          jobId={jobId}

          onApply={handleShowApplyModal}

          onWithdrawApply={handleWithdrawApply}

          isJobApplied={isJobApplied}

        />

        <Widget

          companyIndustry={companyIndustry}

          companySize={companySize}

          companyAddress={companyAddress}

          companyWebsite={companyWebsite}

          companyFoundationYear={companyFoundationYear}

        />

      </div>

      <ApplyModal

        show={showApplyModal}

        onHide={() => setShowApplyModal(false)}

        jobId={jobId}

        userProfiles={userProfiles}

        onApplied={handleApply}

      />

    </>

  );

};

export default View;