Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 7271 Rev 7272
Línea 13... Línea 13...
13
import styled from 'styled-components'
13
import styled from 'styled-components'
14
import WidgetLayout from '../widgets/WidgetLayout'
14
import WidgetLayout from '../widgets/WidgetLayout'
Línea 15... Línea 15...
15
 
15
 
16
const StyledContainer = styled(WidgetLayout)`
16
const StyledContainer = styled(WidgetLayout)`
-
 
17
  padding: 1rem;
-
 
18
  h3 {
-
 
19
    font-size: 1.1rem;
-
 
20
    font-weight: 600;
-
 
21
    color: var(--title-color);
-
 
22
  }
-
 
23
  span {
-
 
24
    font-weight: 600;
-
 
25
    color: var(--subtitle-color);
-
 
26
  }
-
 
27
  .info {
-
 
28
    align-items: center;
-
 
29
    display: inline-flex;
-
 
30
    gap: 0.5rem;
-
 
31
  }
-
 
32
  .name {
-
 
33
    display: flex;
-
 
34
    flex-direction: column;
-
 
35
    gap: 0.5rem;
17
  padding: 1rem;
36
  }
Línea 18... Línea 37...
18
`
37
`
19
 
38
 
Línea 92... Línea 111...
92
      })
111
      })
93
  }
112
  }
Línea 94... Línea 113...
94
 
113
 
95
  return (
114
  return (
96
    <StyledContainer>
115
    <StyledContainer>
97
      <div className="user-info">
116
      <div className="info">
98
        <Avatar
117
        <Avatar
99
          src={`/storage/type/company/code/${companyId}/${
118
          src={`/storage/type/company/code/${companyId}/${
100
            companyImage ? `filename/${companyImage}` : ''
119
            companyImage ? `filename/${companyImage}` : ''
101
          }`}
120
          }`}
102
          sx={{ width: '50px', height: '50px' }}
121
          sx={{ width: '50px', height: '50px' }}
-
 
122
        />
103
        />
123
 
104
        <div className="user-name">
124
        <div className="name">
105
          <h3>{jobTitle}</h3>
125
          <h3>{jobTitle}</h3>
106
          <p>{companyName}</p>
126
          <p>{companyName}</p>
107
          <span>
127
          <span>
108
            <AccessTimeIcon />
128
            <AccessTimeIcon />
Línea 125... Línea 145...
125
          )}
145
          )}
126
          Última aplicación : {lastDateOfApplication}
146
          Última aplicación : {lastDateOfApplication}
127
        </span>
147
        </span>
128
      </div>
148
      </div>
Línea 129... Línea 149...
129
 
149
 
130
      <div className="job-info">
150
      <div className="job">
131
        <h3>{employmentType}</h3>
151
        <h3>{employmentType}</h3>
132
        <h3>{jobCategory}</h3>
152
        <h3>{jobCategory}</h3>
Línea 133... Línea 153...
133
        <div>{parse(jobDescription)}</div>
153
        <div>{parse(jobDescription)}</div>