Proyectos de Subversion LeadersLinked - SPA

Rev

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

Rev 5 Rev 892
Línea 8... Línea 8...
8 
import ShareIcon from '@mui/icons-material/Share'
 8 
import ShareIcon from '@mui/icons-material/Share'
Línea 9... Línea 9...
9 
 
 9 
 
10 
const StyledEntity = styled.article`
 10 
const StyledEntity = styled.article`
11 
  background-color: var(--bg-color);
 11 
  background-color: var(--bg-color);
12 
  border-radius: var(--border-radius);
 12 
  border-radius: var(--border-radius);
13 
  box-shadow: var(--light-shadow);
 13 
  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.08);
14 
  display: flex;
 14 
  display: flex;
15 
  flex-direction: column;
 15 
  flex-direction: column;
16 
  gap: 0.5rem;
 16 
  gap: 0.5rem;
17 
  padding: 1rem;
 17 
  padding: 1rem;
Línea 51... Línea 51...
51 
  company_name,
 51 
  company_name,
52 
  title,
 52 
  title,
53 
  url,
 53 
  url,
54 
  followers,
 54 
  followers,
55 
  company_size,
 55 
  company_size,
56 
  view_common_connection,
 56 
  view_common_connection
57 
}) => {
 57 
}) => {
58 
  return (
 58 
  return (
59 
    <StyledEntity>
 59 
    <StyledEntity>
60 
      <EntityHeader>
 60 
      <EntityHeader>
61 
        <Avatar src={image} sx={{ width: '80px', height: '80px' }} />
 61 
        <Avatar src={image} sx={{ width: '80px', height: '80px' }} />
Línea 73... Línea 73...
73 
        {!company_name && !!common_connection && (
 73 
        {!company_name && !!common_connection && (
74 
          <li>
 74 
          <li>
75 
            <p>
 75 
            <p>
76 
              <ShareIcon />
 76 
              <ShareIcon />
77 
              {view_common_connection && (
 77 
              {view_common_connection && (
78 
                <small className="ml-2">{common_connection} comunes</small>
 78 
                <small className='ml-2'>{common_connection} comunes</small>
79 
              )}
 79 
              )}
80 
            </p>
 80 
            </p>
81 
          </li>
 81 
          </li>
82 
        )}
 82 
        )}
83 
        {!!followers && (
 83 
        {!!followers && (
84 
          <li>
 84 
          <li>
85 
            <p>
 85 
            <p>
86 
              <GroupIcon />
 86 
              <GroupIcon />
87 
              <small className="ml-2">{followers}</small>
 87 
              <small className='ml-2'>{followers}</small>
88 
            </p>
 88 
            </p>
89 
          </li>
 89 
          </li>
90 
        )}
 90 
        )}
91 
        {!!views && (
 91 
        {!!views && (
92 
          <li>
 92 
          <li>
93 
            <p>
 93 
            <p>
94 
              <VisibilityIcon />
 94 
              <VisibilityIcon />
95 
              <small className="ml-2">{views}</small>
 95 
              <small className='ml-2'>{views}</small>
96 
            </p>
 96 
            </p>
97 
          </li>
 97 
          </li>
98 
        )}
 98 
        )}
99 
      </EntityStats>
 99 
      </EntityStats>
100 
      {description && parse(description)}
 100 
      {description && parse(description)}
101 
      {skills && (
 101 
      {skills && (
102 
        <ul className="skill-tags">
 102 
        <ul className='skill-tags'>
103 
          {Object.values(skills).map((skill, id) => (
 103 
          {Object.values(skills).map((skill, id) => (
104 
            <li key={id}>
 104 
            <li key={id}>
105 
              <button title={skill} className="btn btn-tertiary">
 105 
              <button title={skill} className='btn btn-tertiary'>
106 
                {skill}
 106 
                {skill}
107 
              </button>
 107 
              </button>
108 
            </li>
 108 
            </li>
109 
          ))}
 109 
          ))}
110 
        </ul>
 110 
        </ul>