Proyectos de Subversion LeadersLinked - SPA

Rev

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

Rev 2194 Rev 2806
Línea 2... Línea 2...
2
import { axios } from '../../utils'
2
import { axios } from '../../utils'
3
import { useParams } from 'react-router-dom'
3
import { useParams } from 'react-router-dom'
4
import { useDispatch } from 'react-redux'
4
import { useDispatch } from 'react-redux'
5
import { getBackendVars } from '../../services/backendVars'
5
import { getBackendVars } from '../../services/backendVars'
6
import { addNotification } from '../../redux/notification/notification.actions'
6
import { addNotification } from '../../redux/notification/notification.actions'
7
import { Container, Grid, Tab, Tabs } from '@mui/material'
7
import { Grid, Tab, Tabs } from '@mui/material'
8
import parse from 'html-react-parser'
8
import parse from 'html-react-parser'
9
import styled from 'styled-components'
9
import styled from 'styled-components'
Línea 10... Línea 10...
10
 
10
 
11
import Description from '../../components/job/Description'
11
import Description from '../../components/job/Description'
Línea 74... Línea 74...
74
    setIsJobApplied(job?.job_apply_operation === 'remove-apply')
74
    setIsJobApplied(job?.job_apply_operation === 'remove-apply')
75
  }, [job])
75
  }, [job])
Línea 76... Línea 76...
76
 
76
 
77
  return (
77
  return (
78
    <>
-
 
79
      <Container as='main' className='px-0'>
78
    <>
80
        <Tabs>
79
      <Tabs>
81
          <Tab label='Avance' value='user' disableRipple />
80
        <Tab label='Avance' value='user' disableRipple />
82
          <Tab label='Información' value='group' disableRipple />
81
        <Tab label='Información' value='group' disableRipple />
-
 
82
      </Tabs>
83
        </Tabs>
83
 
84
        <Grid container spacing={2}>
84
      <Grid container spacing={2}>
85
          <Col item xs={12} md={8} spacing={3}>
85
        <Col item xs={12} md={8} spacing={3}>
86
            <Description
86
          <Description
87
              jobId={job?.job_uuid}
87
            jobId={job?.job_uuid}
88
              companyId={job?.company_uuid}
88
            companyId={job?.company_uuid}
89
              companyImage={job?.company_image}
89
            companyImage={job?.company_image}
90
              jobTitle={job?.job_title}
90
            jobTitle={job?.job_title}
91
              companyName={job?.company_name}
91
            companyName={job?.company_name}
92
              timeElapsed={job?.timeElapsed}
92
            timeElapsed={job?.timeElapsed}
93
              location={job?.location}
93
            location={job?.location}
94
              jobSaved={job?.job_save_operation}
94
            jobSaved={job?.job_save_operation}
95
              lastDateOfApplication={job?.last_date_of_application}
95
            lastDateOfApplication={job?.last_date_of_application}
96
              employmentType={job?.employment_type}
96
            employmentType={job?.employment_type}
97
              jobCategory={job?.job_category}
97
            jobCategory={job?.job_category}
98
              jobDescription={job?.job_description}
98
            jobDescription={job?.job_description}
99
              jobSkills={job?.job_skills}
99
            jobSkills={job?.job_skills}
100
              totalApplications={job?.total_applications}
100
            totalApplications={job?.total_applications}
101
              jobVisits={job?.job_visits}
101
            jobVisits={job?.job_visits}
102
            />
102
          />
103
            <JobAttr
103
          <JobAttr
104
              title='Visión general'
104
            title='Visión general'
105
              info={job?.job_description && parse(job?.job_description)}
105
            info={job?.job_description && parse(job?.job_description)}
106
            />
106
          />
107
            <JobAttr
107
          <JobAttr
108
              title='Último día de aplicación'
108
            title='Último día de aplicación'
109
              info={job?.last_date_of_application}
109
            info={job?.last_date_of_application}
110
            />
110
          />
111
            <JobAttr title='Tipo de empleo' info={job?.employment_type} />
111
          <JobAttr title='Tipo de empleo' info={job?.employment_type} />
112
            <JobAttr title='Ubicación' info={job?.location} />
112
          <JobAttr title='Ubicación' info={job?.location} />
113
            <JobAttr title='Experiencia' info={job?.experience} />
113
          <JobAttr title='Experiencia' info={job?.experience} />
114
            <JobAttr title='Salario' info={job?.salary} />
114
          <JobAttr title='Salario' info={job?.salary} />
115
            <JobAttr title='Categoría' info={job?.job_category} />
115
          <JobAttr title='Categoría' info={job?.job_category} />
116
            <JobAttr title='Habilidades' info={job?.job_skills} />
116
          <JobAttr title='Habilidades' info={job?.job_skills} />
117
            <JobAttr title='Idiomas' info={job?.job_languages} />
117
          <JobAttr title='Idiomas' info={job?.job_languages} />
118
            <JobAttr title='Grados' info={job?.job_degrees} />
118
          <JobAttr title='Grados' info={job?.job_degrees} />
119
          </Col>
119
        </Col>
120
 
120
 
121
          <Col item xs={12} md={4}>
121
        <Col item xs={12} md={4}>
122
            <button
122
          <button
123
              type='button'
-
 
124
              className={`btn ${
123
            type='button'
125
                isJobApplied ? 'btn-secondary' : 'btn-primary'
-
 
126
              }`}
124
            className={`btn ${isJobApplied ? 'btn-secondary' : 'btn-primary'}`}
127
              onClick={isJobApplied ? removeApply : handleShowApplyModal}
125
            onClick={isJobApplied ? removeApply : handleShowApplyModal}
128
              disabled={loading}
126
            disabled={loading}
129
            >
127
          >
130
              {isJobApplied ? 'Quitar aplicación' : 'Aplicar'}
128
            {isJobApplied ? 'Quitar aplicación' : 'Aplicar'}
131
            </button>
129
          </button>
132
            <ClientInfo
130
          <ClientInfo
133
              companySize={job?.company_size}
131
            companySize={job?.company_size}
134
              companyAddress={job?.company_address}
132
            companyAddress={job?.company_address}
135
              companyWebsite={job?.company_website}
133
            companyWebsite={job?.company_website}
136
              companyIndustry={job?.company_industry}
134
            companyIndustry={job?.company_industry}
137
              companyFoundationYear={job?.company_foundation_year}
135
            companyFoundationYear={job?.company_foundation_year}
138
            />
136
          />
139
          </Col>
137
        </Col>
140
        </Grid>
-
 
-
 
138
      </Grid>
141
      </Container>
139
 
142
      <ApplyModal
140
      <ApplyModal
143
        jobId={job?.job_uuid}
141
        jobId={job?.job_uuid}
144
        show={showApplyModal}
142
        show={showApplyModal}
145
        onApplied={handleApply}
143
        onApplied={handleApply}