Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

| Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
6830 stevensc 1
import React from 'react'
2
import parse from 'html-react-parser'
3
 
4
import Avatar from '../UI/AvatarImage'
5
import StatItem from '../dashboard/sidebar/StatItem'
6
 
7
const GroupInfo = ({
8
  cover = '',
9
  image = '',
10
  name = '',
11
  overview = '',
12
  groupId = '',
13
  totalMembers = '',
14
  groupType = '',
15
  accessibility = '',
16
  type = '',
17
}) => {
18
  return (
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>
41
  )
42
}
43
 
44
export default GroupInfo