Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 7002 Rev 7004
Línea 3... Línea 3...
3 
import { styled } from 'styled-components'
 3 
import { styled } from 'styled-components'
4 
import { Avatar } from '@mui/material'
 4 
import { Avatar } from '@mui/material'
5 
import { Link } from 'react-router-dom'
 5 
import { Link } from 'react-router-dom'
Línea 6... Línea 6...
6 
 
 6 
 
- 
 
 7 
const StyledEntity = styled.article`
- 
 
 8 
  background-color: var(--bg-color);
- 
 
 9 
  border-radius: var(--border-radius);
7 
const StyledEntity = styled.article`
 10 
  box-shadow: var(--light-shadow);
8 
  display: flex;
 11 
  display: flex;
- 
 
 12 
  flex-direction: column;
9 
  flex-direction: column;
 13 
  gap: 0.5rem;
- 
 
 14 
  padding: 1rem;
10 
  padding: 1rem;
 15 
  position: relative;
- 
 
 16 
  width: 100%;
- 
 
 17 
`
11 
  width: 100%;
 18 
 
12 
  border-radius: var(--border-radius);
 - 
 
13 
  border-bottom: solid 1px var(--border-primary);
 - 
 
14 
  border-top: solid 1px var(--border-primary);
 19 
const EntityHeader = styled.div`
15 
  box-shadow: var(--light-shadow);
 20 
  align-items: center;
16 
  background-color: var(--bg-color);
 21 
  display: flex;
17 
  gap: 0.5rem;
 22 
  gap: 0.5rem;
Línea -... Línea 23...
- 
 
 23 
`
- 
 
 24 
 
- 
 
 25 
const EntityInfo = styled.div`
- 
 
 26 
  align-items: center;
- 
 
 27 
  display: flex;
- 
 
 28 
  flex-direction: column;
- 
 
 29 
`
- 
 
 30 
 
- 
 
 31 
const EntityStats = styled.div`
- 
 
 32 
  align-items: center;
- 
 
 33 
  display: flex;
- 
 
 34 
  gap: 0.5rem;
- 
 
 35 
  position: absolute;
- 
 
 36 
  right: 0.5rem;
- 
 
 37 
  top: 0.5rem;
18 
`
 38 
`
19 
 
 39 
 
20 
const SearchItem = ({
 40 
const SearchItem = ({
21 
  name,
 41 
  name,
22 
  industry,
 42 
  industry,
Línea 32... Línea 52...
32 
  company_size,
 52 
  company_size,
33 
  view_common_connection,
 53 
  view_common_connection,
34 
}) => {
 54 
}) => {
35 
  return (
 55 
  return (
36 
    <StyledEntity>
 56 
    <StyledEntity>
- 
 
 57 
      <EntityHeader>
37 
      <Avatar src={image} sx={{ width: '90px' }} />
 58 
        <Avatar src={image} sx={{ width: '80px', height: '80px' }} />
- 
 
 59 
        <EntityInfo>
38 
      <Link to={url}>
 60 
          <Link to={url}>
39 
        <h3>{title || name}</h3>
 61 
            <h3>{title || name}</h3>
- 
 
 62 
          </Link>
40 
        {company_name && <h4>{company_name}</h4>}
 63 
          {company_name && <h4>{company_name}</h4>}
41 
        {company_size && <p>Empresa {company_size} </p>}
 64 
          {company_size && <p>Empresa {company_size} </p>}
42 
        {industry && <p>{industry}</p>}
 65 
          {industry && <p>{industry}</p>}
43 
      </Link>
 66 
        </EntityInfo>
- 
 
 67 
      </EntityHeader>
Línea 44... Línea 68...
44 
 
 68 
 
45 
      <div className="d-flex">
 69 
      <EntityStats>
46 
        <ul>
 70 
        <ul>
47 
          {!company_name && common_connection && (
 71 
          {!company_name && common_connection && (
48 
            <li>
 72 
            <li>
49 
              <p className="com text-gray">
 73 
              <p className="com text-gray">
Línea 69... Línea 93...
69 
                <small className="ml-2">{views}</small>
 93 
                <small className="ml-2">{views}</small>
70 
              </p>
 94 
              </p>
71 
            </li>
 95 
            </li>
72 
          )}
 96 
          )}
73 
        </ul>
 97 
        </ul>
74 
      </div>
 98 
      </EntityStats>
Línea 75... Línea -...
75 
 
 - 
 
76 
      <div className="job_descp">
 - 
 
77 
        {industry && <button className="btn btn-secondary">{industry}</button>}
 99 
 
78 
        {description && (
 - 
 
79 
          <div className="show-read-more">{parse(description)}</div>
 - 
 
80 
        )}
 100 
      {description && parse(description)}
81 
        {skills && (
 101 
      {skills && (
82 
          <ul className="skill-tags">
 102 
        <ul className="skill-tags">
83 
            {Object.values(skills).map((skill, id) => (
 103 
          {Object.values(skills).map((skill, id) => (
84 
              <li key={id}>
 104 
            <li key={id}>
85 
                <button title={skill} className="btn btn-tertiary">
 105 
              <button title={skill} className="btn btn-tertiary">
86 
                  {skill}
 106 
                {skill}
87 
                </button>
 107 
              </button>
88 
              </li>
 108 
            </li>
89 
            ))}
 109 
          ))}
90 
          </ul>
 110 
        </ul>
91 
        )}
 - 
 
92 
      </div>
 111 
      )}
93 
    </StyledEntity>
 112 
    </StyledEntity>
94 
  )
 113 
  )
Línea 95... Línea 114...
95 
}
 114 
}