Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 4497 | Rev 4533 | 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'
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' />}
4498 stevensc 21 
                <Avatar imageUrl={`/storage/type/group/code/${groupId}/${image ? `filename/${image}` : ""}`} size='xl' name={name} />
4497 stevensc 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