Proyectos de Subversion LeadersLinked - SPA

Rev

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

Rev 3088 Rev 3089
Línea 1... Línea 1...
1 
import React, { useEffect, useState } from 'react'
 1 
import React, { useEffect, useState } from 'react'
2 
import { useDispatch } from 'react-redux'
 2 
import { useDispatch } from 'react-redux'
3 
import { Avatar, Chip, List, styled, Typography } from '@mui/material'
 3 
import { Chip, Grid, List, styled, Typography } from '@mui/material'
4 
import {
 4 
import {
5 
  Favorite,
 5 
  Favorite,
6 
  FavoriteBorder,
 6 
  FavoriteBorder,
7 
  AccessTime,
 - 
 
8 
  LocationOn,
 7 
  LocationOn,
9 
  Email,
 8 
  Email,
10 
  Visibility
 9 
  Visibility
11 
} from '@mui/icons-material'
 10 
} from '@mui/icons-material'
Línea 96... Línea 95...
96 
    setIsJobSaved(jobSaveOperation !== 'job-save')
 95 
    setIsJobSaved(jobSaveOperation !== 'job-save')
97 
  }, [jobSaveOperation])
 96 
  }, [jobSaveOperation])
Línea 98... Línea 97...
98 
 
 97 
 
99 
  return (
 98 
  return (
- 
 
 99 
    <Widget>
- 
 
 100 
      <Widget.Header
- 
 
 101 
        avatar={`/storage/type/company/code/${companyUuid}/${
- 
 
 102 
          companyImage ? `filename/${companyImage}` : ''
- 
 
 103 
        }`}
- 
 
 104 
        title={companyName}
- 
 
 105 
        subheader={timeElapsed}
100 
    <Widget>
 106 
      />
101 
      <Widget.Body>
 107 
      <Widget.Body>
102 
        <Avatar
 - 
 
103 
          src={`/storage/type/company/code/${companyUuid}/${
 - 
 
104 
            companyImage ? `filename/${companyImage}` : ''
 108 
        <Grid container>
105 
          }`}
 109 
          <Grid item xs>
106 
          sx={{ width: '50px', height: '50px' }}
 - 
 
107 
        />
 110 
            <Typography variant='h2'>{jobTitle}</Typography>
108 
 
 - 
 
109 
        <Typography variant='h3'>{jobTitle}</Typography>
 - 
 
110 
        <Typography>{companyName}</Typography>
 111 
 
111 
        <Typography variant='overline'>
 112 
            <Typography variant='overline'>
112 
          <AccessTime sx={{ fontSize: '1rem' }} />
 113 
              <LocationOn sx={{ color: '#cd5c5c' }} />
113 
          Posteado hace {timeElapsed}
 114 
              {location}
114 
        </Typography>
 115 
            </Typography>
115 
 
 116 
 
116 
        <Typography variant='overline'>
 117 
            <Typography variant='overline'>
117 
          <LocationOn sx={{ color: '#cd5c5c' }} />
 118 
              {isJobSaved ? (
118 
          {location}
 119 
                <StyledHeart
119 
        </Typography>
 - 
 
120 
 
 120 
                  sx={{ color: 'red' }}
121 
        <Typography variant='overline'>
 121 
                  onClick={handleClickFollow}
122 
          {isJobSaved ? (
 - 
 
123 
            <StyledHeart sx={{ color: 'red' }} onClick={handleClickFollow} />
 122 
                />
124 
          ) : (
 123 
              ) : (
125 
            <StyledHeartOutline
 124 
                <StyledHeartOutline
126 
              sx={{ color: 'red' }}
 125 
                  sx={{ color: 'red' }}
127 
              onClick={handleClickFollow}
 126 
                  onClick={handleClickFollow}
128 
            />
 127 
                />
129 
          )}
 128 
              )}
130 
          Última aplicación : {lastDateOfApplication}
 129 
              Última aplicación : {lastDateOfApplication}
131 
        </Typography>
 130 
            </Typography>
132 
 
 131 
 
133 
        <Typography variant='overline'>{employmentType}</Typography>
 132 
            <Typography variant='overline'>{employmentType}</Typography>
134 
        <Typography variant='overline'>{jobCategory}</Typography>
 133 
            <Typography variant='overline'>{jobCategory}</Typography>
135 
 
 134 
 
- 
 
 135 
            <Typography>{parse(jobDescription)}</Typography>
136 
        <div>{jobDescription && parse(jobDescription)}</div>
 136 
          </Grid>
- 
 
 137 
 
137 
 
 138 
          <Grid item xs>
138 
        {jobSkills && !!jobSkills.length && (
 139 
            {jobSkills && !!jobSkills.length && (
139 
          <List>
 140 
              <List>
140 
            {jobSkills.map((skill) => (
 141 
                {jobSkills.map((skill) => (
141 
              <Chip key={skill} label={skill} />
 142 
                  <Chip key={skill} label={skill} />
142 
            ))}
 143 
                ))}
143 
          </List>
 144 
              </List>
144 
        )}
 145 
            )}
145 
 
 146 
 
146 
        <Typography variant='overline'>
 147 
            <Typography variant='overline'>
147 
          <Email />
 148 
              <Email />
148 
          Solicitantes {totalApplications}
 149 
              Solicitantes {totalApplications}
149 
        </Typography>
 150 
            </Typography>
150 
 
 151 
 
151 
        <Typography variant='overline'>
 152 
            <Typography variant='overline'>
152 
          <Visibility /> Visto {jobVisits}
 153 
              <Visibility /> Visto {jobVisits}
- 
 
 154 
            </Typography>
- 
 
 155 
          </Grid>
153 
        </Typography>
 156 
        </Grid>
154 
      </Widget.Body>
 157 
      </Widget.Body>
155 
    </Widget>
 158 
    </Widget>
156 
  )
 159 
  )