Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev Autor Línea Nro. Línea
4497 stevensc 1
/* eslint-disable react/prop-types */
2
import React from 'react'
5366 stevensc 3
import parse from 'html-react-parser'
4497 stevensc 4
import Avatar from '../../../../../shared/Avatar/Avatar'
5366 stevensc 5
import StatItem from '../../../../../dashboard/templates/linkedin/sidebar/StatItem'
4497 stevensc 6
 
7
const GroupInfo = ({
5366 stevensc 8
  cover = '',
9
  image = '',
10
  name = '',
11
  overview = '',
12
  groupId = '',
13
  totalMembers = '',
14
  groupType = '',
15
  accessibility = '',
5913 stevensc 16
  type = '',
4497 stevensc 17
}) => {
5366 stevensc 18
  return (
5913 stevensc 19
    <div className={`sidebar__top ${cover && 'pt-0'}`}>
20
      {cover && (
21
        <img
22
          src={`/storage/type/${type}-cover/code/${groupId}/${
23
            cover ? `filename/${cover}` : ''
24
          }`}
25
          alt="Profile cover"
26
          className="sidebar__cover"
27
        />
28
      )}
29
      <Avatar
30
        imageUrl={`/storage/type/${type}/code/${groupId}/${
31
          image ? `filename/${image}` : ''
32
        }`}
33
        size="xl"
34
        name={name}
35
      />
36
      <h2>{parse(name)}</h2>
37
      <p>{`${groupType} - ${accessibility}`}</p>
38
      {parse(overview)}
39
      <StatItem title="Número de miembros" number={totalMembers} url="#" />
40
    </div>
5366 stevensc 41
  )
4497 stevensc 42
}
43
 
5366 stevensc 44
export default GroupInfo