Proyectos de Subversion LeadersLinked - Antes de SPA

import { useDispatch } from 'react-redux'

import { useDispatch } from 'react-redux'

import { getBackendVars } from '../../services/backendVars'

import { getBackendVars } from '../../services/backendVars'

import { addNotification } from '../../redux/notification/notification.actions'

import { addNotification } from '../../redux/notification/notification.actions'

import { Container, Grid, Tab, Tabs } from '@mui/material'

import { Container, Grid, Tab, Tabs } from '@mui/material'

import parse from 'html-react-parser'

import parse from 'html-react-parser'

import Description from '../../components/job/Description'

import Description from '../../components/job/Description'

import JobAttr from '../../components/job/JobAttr'

import JobAttr from '../../components/job/JobAttr'

import ClientInfo from '../../components/job/ClientInfo'

import ClientInfo from '../../components/job/ClientInfo'

import ApplyModal from '../../components/job/ApplyModal'

`

const JobViewPage = () => {

const JobViewPage = () => {

  const [job, setJob] = useState({})

  const [job, setJob] = useState({})

  const [isJobApplied, setIsJobApplied] = useState(false)

  const [isJobApplied, setIsJobApplied] = useState(false)

        <Tabs>

        <Tabs>

          <Tab label="Avance" value="user" disableRipple />

          <Tab label="Avance" value="user" disableRipple />

          <Tab label="Información" value="group" disableRipple />

          <Tab label="Información" value="group" disableRipple />

        </Tabs>

        </Tabs>

        <Grid container spacing={2}>

        <Grid container spacing={2}>

            <Description

            <Description

              jobId={jobId}

              jobId={jobId}

              companyId={companyId}

              companyId={companyId}

              companyImage={companyImage}

              companyImage={companyImage}

              jobTitle={jobTitle}

              jobTitle={jobTitle}

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

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

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

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

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

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

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

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

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

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

          <Grid item xs={12} md={4} spacing={3}>

          <Col item xs={12} md={4}>

            <button

            <button

              type="button"

              type="button"

              className={`btn ${

              className={`btn ${

                isJobApplied ? 'btn-secondary' : 'btn-primary'

                isJobApplied ? 'btn-secondary' : 'btn-primary'

              companyAddress={companyAddress}

              companyAddress={companyAddress}

              companyWebsite={companyWebsite}

              companyWebsite={companyWebsite}

              companyIndustry={companyIndustry}

              companyIndustry={companyIndustry}

              companyFoundationYear={companyFoundationYear}

              companyFoundationYear={companyFoundationYear}

            />

            />

        </Grid>

        </Grid>

      </Container>

      </Container>

      <ApplyModal

      <ApplyModal

        jobId={jobId}

        jobId={jobId}

        show={showApplyModal}

        show={showApplyModal}