Proyectos de Subversion LeadersLinked - SPA

Rev

Rev 892 | Rev 967 | Ir a la última revisión | | Comparar con el anterior | Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
5 stevensc 1 
import React from 'react'
966 stevensc 2 
import { Link } from 'react-router-dom'
3 
import { Avatar } from '@mui/material'
4 
import { Visibility, Group, Share } from '@mui/icons-material'
5 
import styled from 'styled-components'
5 stevensc 6 
import parse from 'html-react-parser'
7 
 
966 stevensc 8 
import TagsList from '../UI/TagsList'
9 
import StyledContainer from '../widgets/WidgetLayout'
5 stevensc 10 
 
11 
const EntityHeader = styled.div`
12 
  align-items: center;
13 
  display: flex;
14 
  gap: 0.5rem;
15 
`
16 
 
17 
const EntityInfo = styled.div`
18 
  align-items: center;
19 
  display: flex;
20 
  flex-direction: column;
21 
`
22 
 
23 
const EntityStats = styled.ul`
24 
  align-items: center;
25 
  display: flex;
26 
  gap: 0.5rem;
27 
  position: absolute;
28 
  right: 0.5rem;
29 
  top: 0.5rem;
30 
`
31 
 
32 
const SearchItem = ({
33 
  name,
34 
  industry,
35 
  description,
36 
  skills,
37 
  common_connection,
38 
  views,
39 
  image,
40 
  company_name,
41 
  title,
42 
  url,
43 
  followers,
44 
  company_size,
892 stevensc 45 
  view_common_connection
5 stevensc 46 
}) => {
47 
  return (
966 stevensc 48 
    <StyledContainer>
5 stevensc 49 
      <EntityHeader>
50 
        <Avatar src={image} sx={{ width: '80px', height: '80px' }} />
51 
        <EntityInfo>
52 
          <Link to={url}>
966 stevensc 53 
            <h2>{title || name}</h2>
5 stevensc 54 
          </Link>
55 
          {company_name && <h4>{company_name}</h4>}
966 stevensc 56 
          {company_size && <p>Empresa {company_size}</p>}
5 stevensc 57 
          {industry && <p>{industry}</p>}
58 
        </EntityInfo>
59 
      </EntityHeader>
60 
 
61 
      <EntityStats>
62 
        {!company_name && !!common_connection && (
63 
          <li>
64 
            <p>
966 stevensc 65 
              <Share />
5 stevensc 66 
              {view_common_connection && (
892 stevensc 67 
                <small className='ml-2'>{common_connection} comunes</small>
5 stevensc 68 
              )}
69 
            </p>
70 
          </li>
71 
        )}
72 
        {!!followers && (
73 
          <li>
74 
            <p>
966 stevensc 75 
              <Group />
892 stevensc 76 
              <small className='ml-2'>{followers}</small>
5 stevensc 77 
            </p>
78 
          </li>
79 
        )}
80 
        {!!views && (
81 
          <li>
82 
            <p>
966 stevensc 83 
              <Visibility />
892 stevensc 84 
              <small className='ml-2'>{views}</small>
5 stevensc 85 
            </p>
86 
          </li>
87 
        )}
88 
      </EntityStats>
89 
      {description && parse(description)}
966 stevensc 90 
      <TagsList tags={Object.values(skills)} />
91 
    </StyledContainer>
5 stevensc 92 
  )
93 
}
94 
 
95 
export default SearchItem