| 4497 |
stevensc |
1 |
/* eslint-disable react/prop-types */
|
|
|
2 |
import React from 'react'
|
|
|
3 |
import parse from "html-react-parser";
|
|
|
4 |
import Avatar from '../../../../../shared/Avatar/Avatar'
|
|
|
5 |
import StatItem from '../../../../../dashboard/templates/linkedin/sidebar/StatItem';
|
|
|
6 |
|
|
|
7 |
const GroupInfo = ({
|
|
|
8 |
cover = '',
|
|
|
9 |
image = '',
|
|
|
10 |
name = '',
|
|
|
11 |
overview = '',
|
|
|
12 |
groupId = '',
|
|
|
13 |
totalMembers = '',
|
|
|
14 |
groupType = '',
|
|
|
15 |
accessibility = ''
|
|
|
16 |
}) => {
|
|
|
17 |
return (
|
|
|
18 |
<>
|
|
|
19 |
<div className={`sidebar__top ${!cover && 'pt-3'}`}>
|
|
|
20 |
{cover && <img src={`/storage/type/group-cover/code/${groupId}/${cover ? `filename/${cover}` : ""}`} alt='Profile cover' className='sidebar__cover' />}
|
|
|
21 |
<Avatar imageUrl={image} size='xl' name={name} />
|
|
|
22 |
<h2>{parse(name)}</h2>
|
|
|
23 |
<span>{`${groupType} - ${accessibility}`}</span>
|
|
|
24 |
{parse(overview)}
|
|
|
25 |
</div>
|
|
|
26 |
<div className='sidebar__stats'>
|
|
|
27 |
<StatItem title='Número de miembros' number={totalMembers} url='/profile/people-viewed-profile' />
|
|
|
28 |
</div>
|
|
|
29 |
</>
|
|
|
30 |
)
|
|
|
31 |
}
|
|
|
32 |
|
|
|
33 |
export default GroupInfo
|