Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 5002 | Rev 5827 | Ir a la última revisión | Mostrar el archivo completo | | | Autoría | Ultima modificación | Ver Log |

Rev 5002 Rev 5822
Línea 1... Línea 1...
1 
/* eslint-disable react/prop-types */
 1 
/* eslint-disable react/prop-types */
2 
import React, { useState } from 'react';
 2 
import React, { useState } from 'react'
3 
import ApplicationSidebar from './application-sidebar/ApplicationSidebar';
 3 
import parse from 'html-react-parser'
- 
 
 4 
 
- 
 
 5 
import Widget from './widget/Widget'
4 
import ApplyModal from './apply-modal/ApplyModal';
 6 
import JobAttr from './components/JobAttr'
5 
import Description from './description/Description';
 7 
import ApplyModal from './components/ApplyModal'
6 
import Information from './information/Information';
 8 
import Description from './components/Description'
7 
import Widget from './widget/Widget';
 9 
import ApplicationSidebar from './components/ApplicationSidebar'
Línea 8... Línea 10...
8 
 
 10 
 
9 
const View = ({
 11 
const View = ({
10 
  jobId,
 12 
  jobId,
11 
  companyId,
 13 
  companyId,
Línea 32... Línea 34...
32 
  companyWebsite,
 34 
  companyWebsite,
33 
  companyFoundationYear,
 35 
  companyFoundationYear,
34 
  jobApplyOperation,
 36 
  jobApplyOperation,
35 
  userProfiles,
 37 
  userProfiles,
36 
}) => {
 38 
}) => {
37 
  const [showApplyModal, setShowApplyModal] = useState(false);
 39 
  const [showApplyModal, setShowApplyModal] = useState(false)
38 
  const [isJobApplied, setIsJobApplied] = useState(
 40 
  const [isJobApplied, setIsJobApplied] = useState(
39 
    jobApplyOperation === 'apply' ? false : true
 41 
    jobApplyOperation !== 'apply'
40 
  );
 42 
  )
Línea 41... Línea 43...
41 
 
 43 
 
42 
  const handleShowApplyModal = () => setShowApplyModal((currentState) => !currentState)
 44 
  const handleShowApplyModal = () => setShowApplyModal(!showApplyModal)
43 
  const handleApply = () => setIsJobApplied(true)
 - 
 
Línea 44... Línea 45...
44 
  const handleWithdrawApply = () => setIsJobApplied(false)
 45 
  const handleApply = () => setIsJobApplied(!isJobApplied)
45 
 
 46 
 
46 
  return (
 47 
  return (
- 
 
 48 
    <>
47 
    <>
 49 
      <main className="job-page">
48 
      <div className='tab tab-feed'>
 50 
        <section className="job-main-section">
49 
        <ul>
 51 
          <ul>
50 
          <li data-tab='portfolio-dd' className='active animated fadeIn'>
 52 
            <li data-tab="portfolio-dd" className="active animated fadeIn">
51 
            <a href='#' title=''>
 53 
              <a href="#" title="">
52 
              <img src='/images/ic3.png' alt='' />
 54 
                <img src="/images/ic3.png" alt="" />
53 
              <span>Avance</span>
 55 
                <span>Avance</span>
54 
            </a>
 56 
              </a>
55 
          </li>
 57 
            </li>
56 
          <li data-tab='info-dd' className='animated fadeIn'>
 58 
            <li data-tab="info-dd" className="animated fadeIn">
57 
            <a href='#' title=''>
 59 
              <a href="#" title="">
58 
              <img src='/images/ic2.png' alt='' />
 60 
                <img src="/images/ic2.png" alt="" />
59 
              <span>Información</span>
 61 
                <span>Información</span>
60 
            </a>
 62 
              </a>
61 
          </li>
 - 
 
62 
        </ul>
 63 
            </li>
63 
      </div>
 64 
          </ul>
64 
      <div className='description_header product-feed-tab current animated fadeIn'>
 65 
          <div className="description_header fadeIn">
65 
        <Description
 66 
            <Description
66 
          jobId={jobId}
 67 
              jobId={jobId}
67 
          companyId={companyId}
 68 
              companyId={companyId}
68 
          companyImage={companyImage}
 69 
              companyImage={companyImage}
69 
          jobTitle={jobTitle}
 70 
              jobTitle={jobTitle}
70 
          companyName={companyName}
 71 
              companyName={companyName}
71 
          timeElapsed={timeElapsed}
 72 
              timeElapsed={timeElapsed}
72 
          location={location}
 73 
              location={location}
73 
          jobSaved={jobSaved}
 74 
              jobSaved={jobSaved}
74 
          lastDateOfApplication={lastDateOfApplication}
 75 
              lastDateOfApplication={lastDateOfApplication}
75 
          employmentType={employmentType}
 76 
              employmentType={employmentType}
76 
          jobCategory={jobCategory}
 77 
              jobCategory={jobCategory}
77 
          jobDescription={jobDescription}
 78 
              jobDescription={jobDescription}
78 
          jobSkills={jobSkills}
 79 
              jobSkills={jobSkills}
79 
          totalApplications={totalApplications}
 80 
              totalApplications={totalApplications}
80 
          jobVisits={jobVisits}
 81 
              jobVisits={jobVisits}
- 
 
 82 
            />
81 
        />
 83 
          </div>
82 
      </div>
 84 
          <JobAttr title="Visión general" info={parse(jobDescription)} />
83 
      <Information
 85 
          <JobAttr
- 
 
 86 
            title="Último día de aplicación"
84 
        jobDescription={jobDescription}
 87 
            info={lastDateOfApplication}
85 
        lastDateOfApplication={lastDateOfApplication}
 88 
          />
86 
        employmentType={employmentType}
 89 
          <JobAttr title="Tipo de empleo" info={employmentType} />
87 
        location={location}
 90 
          <JobAttr title="Ubicación" info={location} />
88 
        experience={experience}
 91 
          <JobAttr title="Experiencia" info={experience} />
89 
        salary={salary}
 92 
          <JobAttr title="Salario" info={salary} />
90 
        jobCategory={jobCategory}
 93 
          <JobAttr title="Categoría" info={jobCategory} />
91 
        jobSkills={jobSkills}
 94 
          <JobAttr title="Habilidades" info={jobSkills} />
92 
        jobLanguages={jobLanguages}
 95 
          <JobAttr title="Idiomas" info={jobLanguages} />
93 
        jobDegrees={jobDegrees}
 96 
          <JobAttr title="Grados" info={jobDegrees} />
94 
      />
 97 
        </section>
95 
      <div className='sidebar'>
 98 
        <div className="sidebar">
96 
        <ApplicationSidebar
 99 
          <ApplicationSidebar
97 
          jobId={jobId}
 - 
 
98 
          onApply={handleShowApplyModal}
 100 
            jobId={jobId}
99 
          onWithdrawApply={handleWithdrawApply}
 101 
            onApply={handleShowApplyModal}
100 
          isJobApplied={isJobApplied}
 102 
            isJobApplied={isJobApplied}
101 
        />
 103 
          />
102 
        <Widget
 104 
          <Widget
103 
          companyIndustry={companyIndustry}
 105 
            companyIndustry={companyIndustry}
104 
          companySize={companySize}
 106 
            companySize={companySize}
105 
          companyAddress={companyAddress}
 107 
            companyAddress={companyAddress}
106 
          companyWebsite={companyWebsite}
 108 
            companyWebsite={companyWebsite}
107 
          companyFoundationYear={companyFoundationYear}
 109 
            companyFoundationYear={companyFoundationYear}
- 
 
 110 
          />
108 
        />
 111 
        </div>
109 
      </div>
 112 
      </main>
- 
 
 113 
      <ApplyModal
110 
      <ApplyModal
 114 
        show={showApplyModal}
111 
        show={showApplyModal}
 115 
        onApplied={handleApply}
112 
        onHide={() => setShowApplyModal(false)}
 116 
        onHide={() => setShowApplyModal(false)}
113 
        jobId={jobId}
 - 
 
114 
        userProfiles={userProfiles}
 117 
        jobId={jobId}
115 
        onApplied={handleApply}
 118 
        userProfiles={userProfiles}
116 
      />
 119 
      />
117 
    </>
 120 
    </>
Línea 118... Línea 121...
118 
  );
 121 
  )