Proyectos de Subversion LeadersLinked - SPA

Rev

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

Rev 3086 Rev 3088
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, styled, Typography } from '@mui/material'
3
import { Avatar, Chip, List, styled, Typography } from '@mui/material'
4
import {
4
import {
5
  Favorite,
5
  Favorite,
6
  FavoriteBorder,
6
  FavoriteBorder,
7
  AccessTime,
7
  AccessTime,
8
  LocationOn,
8
  LocationOn,
Línea 111... Línea 111...
111
        <Typography variant='overline'>
111
        <Typography variant='overline'>
112
          <AccessTime sx={{ fontSize: '1rem' }} />
112
          <AccessTime sx={{ fontSize: '1rem' }} />
113
          Posteado hace {timeElapsed}
113
          Posteado hace {timeElapsed}
114
        </Typography>
114
        </Typography>
Línea 115... Línea 115...
115
 
115
 
116
        <div className='details'>
-
 
117
          <span>
116
        <Typography variant='overline'>
118
            <LocationOn sx={{ color: '#cd5c5c' }} />
117
          <LocationOn sx={{ color: '#cd5c5c' }} />
119
            {location}
118
          {location}
120
          </span>
119
        </Typography>
121
 
120
 
122
          <span>
121
        <Typography variant='overline'>
123
            {isJobSaved ? (
122
          {isJobSaved ? (
124
              <StyledHeart sx={{ color: 'red' }} onClick={handleClickFollow} />
123
            <StyledHeart sx={{ color: 'red' }} onClick={handleClickFollow} />
125
            ) : (
124
          ) : (
126
              <StyledHeartOutline
125
            <StyledHeartOutline
127
                sx={{ color: 'red' }}
126
              sx={{ color: 'red' }}
128
                onClick={handleClickFollow}
127
              onClick={handleClickFollow}
129
              />
-
 
130
            )}
-
 
131
            Última aplicación : {lastDateOfApplication}
-
 
132
          </span>
-
 
133
        </div>
-
 
134
 
-
 
135
        <div className='job'>
-
 
136
          <h3>{employmentType}</h3>
-
 
137
          <h3>{jobCategory}</h3>
-
 
138
          <div>{jobDescription && parse(jobDescription)}</div>
-
 
139
 
-
 
140
          {jobSkills && !!jobSkills.length && (
-
 
141
            <ul className='skill-tags'>
-
 
142
              {jobSkills.map((skill, index) => (
-
 
143
                <li key={index}>
-
 
144
                  <span>{skill}</span>
-
 
145
                </li>
-
 
146
              ))}
-
 
147
            </ul>
128
            />
148
          )}
129
          )}
149
          <span>
130
          Última aplicación : {lastDateOfApplication}
-
 
131
        </Typography>
150
            <Email />
132
 
151
            Solicitantes {totalApplications}
133
        <Typography variant='overline'>{employmentType}</Typography>
-
 
134
        <Typography variant='overline'>{jobCategory}</Typography>
152
          </span>
135
 
Línea -... Línea 136...
-
 
136
        <div>{jobDescription && parse(jobDescription)}</div>
153
        </div>
137
 
-
 
138
        {jobSkills && !!jobSkills.length && (
-
 
139
          <List>
-
 
140
            {jobSkills.map((skill) => (
-
 
141
              <Chip key={skill} label={skill} />
-
 
142
            ))}
-
 
143
          </List>
-
 
144
        )}
-
 
145
 
-
 
146
        <Typography variant='overline'>
-
 
147
          <Email />
-
 
148
          Solicitantes {totalApplications}
-
 
149
        </Typography>
154
 
150
 
155
        <span>
151
        <Typography variant='overline'>
156
          <Visibility /> Visto {jobVisits}
152
          <Visibility /> Visto {jobVisits}
157
        </span>
153
        </Typography>
158
      </Widget.Body>
154
      </Widget.Body>
159
    </Widget>
155
    </Widget>