Proyectos de Subversion LeadersLinked - Antes de SPA

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

import React, { useState } from 'react'

import parse from 'html-react-parser'

import Widget from './widget/Widget'

import JobAttr from './components/JobAttr'

import ApplyModal from './components/ApplyModal'

import Description from './components/Description'

import ApplicationSidebar from './components/ApplicationSidebar'

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'

  )

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

  const handleApply = () => setIsJobApplied(!isJobApplied)

  return (

    <>

      <main className="job-page container px-0">

        <ul className="job-tabs">

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

        <section className="job-main-section">

          <div className="description_header 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>

          <JobAttr title="Visión general" info={parse(jobDescription)} />

          <JobAttr

            title="Último día de aplicación"

            info={lastDateOfApplication}

          />

          <JobAttr title="Tipo de empleo" info={employmentType} />

          <JobAttr title="Ubicación" info={location} />

          <JobAttr title="Experiencia" info={experience} />

          <JobAttr title="Salario" info={salary} />

          <JobAttr title="Categoría" info={jobCategory} />

          <JobAttr title="Habilidades" info={jobSkills} />

          <JobAttr title="Idiomas" info={jobLanguages} />

          <JobAttr title="Grados" info={jobDegrees} />

        </section>

        <div className="sidebar">

          <ApplicationSidebar

            jobId={jobId}

            showModal={handleShowApplyModal}

            toggleApply={handleApply}

            isJobApplied={isJobApplied}

          />

          <Widget

            companyIndustry={companyIndustry}

            companySize={companySize}

            companyAddress={companyAddress}

            companyWebsite={companyWebsite}

            companyFoundationYear={companyFoundationYear}

          />

        </div>

      </main>

      <ApplyModal

        show={showApplyModal}

        onApplied={handleApply}

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

        jobId={jobId}

        userProfiles={userProfiles}

      />

    </>

  )

}

export default View