Proyectos de Subversion LeadersLinked - SPA

Rev

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

Rev 3085 Rev 3086
Línea 1... Línea 1...
1 
import React, { useState } from 'react'
 1 
import React, { useState } from 'react'
2 
import { useParams } from 'react-router-dom'
 2 
import { useParams } from 'react-router-dom'
3 
import { useDispatch } from 'react-redux'
 3 
import { useDispatch } from 'react-redux'
4 
import { Grid, Tab, Tabs } from '@mui/material'
 4 
import { Button, Grid, Tab, Tabs } from '@mui/material'
Línea 5... Línea 5...
5 
 
 5 
 
6 
import { axios, parse } from '@utils'
 6 
import { axios, parse } from '@utils'
7 
import { useFetch } from '@hooks'
 7 
import { useFetch } from '@hooks'
Línea 8... Línea 8...
8 
import { addNotification } from '@store/notification/notification.actions'
 8 
import { addNotification } from '@store/notification/notification.actions'
9 
 
 9 
 
10 
import Spinner from '@components/UI/Spinner'
 10 
import Spinner from '@components/UI/Spinner'
11 
import JobCard from '@components/job/job-card'
 - 
 
12 
import JobAttr from '@components/job/job-attr'
 11 
import JobCard from '@components/job/job-card'
- 
 
 12 
import JobAttr from '@components/job/job-attr'
Línea 13... Línea 13...
13 
import ClientInfo from '@components/job/client-info'
 13 
import ApplyModal from '@components/job/ApplyModal'
14 
import ApplyModal from '@components/job/ApplyModal'
 14 
import CompanyInfo from '@components/job/company-info'
15 
 
 15 
 
16 
const JobViewPage = () => {
 16 
const JobViewPage = () => {
Línea 74... Línea 74...
74 
    return <Spinner />
 74 
    return <Spinner />
75 
  }
 75 
  }
Línea 76... Línea 76...
76 
 
 76 
 
77 
  return (
 77 
  return (
- 
 
 78 
    <>
- 
 
 79 
      <Grid container spacing={1}>
78 
    <>
 80 
        <Grid item xs md={8} direction='column' gap={1}>
79 
      <Tabs>
 81 
          <Tabs>
80 
        <Tab label='Avance' value='user' disableRipple />
 82 
            <Tab label='Avance' value='user' disableRipple />
81 
        <Tab label='Información' value='group' disableRipple />
 83 
            <Tab label='Información' value='group' disableRipple />
Línea 82... Línea -...
82 
      </Tabs>
 - 
 
83 
 
 - 
 
84 
      <Grid container spacing={2}>
 84 
          </Tabs>
Línea 85... Línea 85...
85 
        <Grid item xs md={8} spacing={3}>
 85 
 
86 
          <JobCard job={job} />
 86 
          <JobCard job={job} />
87 
 
 87 
 
Línea 98... Línea 98...
98 
          <JobAttr title='Habilidades' info={job?.job_skills} />
 98 
          <JobAttr title='Habilidades' info={job?.job_skills} />
99 
          <JobAttr title='Idiomas' info={job?.job_languages} />
 99 
          <JobAttr title='Idiomas' info={job?.job_languages} />
100 
          <JobAttr title='Grados' info={job?.job_degrees} />
 100 
          <JobAttr title='Grados' info={job?.job_degrees} />
101 
        </Grid>
 101 
        </Grid>
Línea 102... Línea 102...
102 
 
 102 
 
103 
        <Grid item xs md={4}>
 103 
        <Grid item xs md={4} direction='column' gap={1}>
104 
          <button
 - 
 
105 
            type='button'
 104 
          <Button
106 
            className={`btn ${isJobApplied ? 'btn-secondary' : 'btn-primary'}`}
 105 
            variant={isJobApplied ? 'secondary' : 'primary'}
107 
            onClick={isJobApplied ? removeApply : toggleApplyModal}
 106 
            onClick={isJobApplied ? removeApply : toggleApplyModal}
108 
            disabled={loading}
 107 
            disabled={loading}
109 
          >
 - 
 
110 
            {job?.job_apply_operation === 'remove-apply'
 108 
          >
111 
              ? 'Quitar aplicación'
 - 
 
112 
              : 'Aplicar'}
 109 
            {isJobApplied ? 'Quitar aplicación' : 'Aplicar'}
113 
          </button>
 110 
          </Button>
114 
 
 - 
 
115 
          <ClientInfo
 111 
 
116 
            companySize={job?.company_size}
 - 
 
117 
            companyAddress={job?.company_address}
 - 
 
118 
            companyWebsite={job?.company_website}
 - 
 
119 
            companyIndustry={job?.company_industry}
 - 
 
120 
            companyFoundationYear={job?.company_foundation_year}
 - 
 
121 
          />
 112 
          <CompanyInfo company={job} />
122 
        </Grid>
 113 
        </Grid>
Línea 123... Línea 114...
123 
      </Grid>
 114 
      </Grid>
124 
 
 115