Proyectos de Subversion LeadersLinked - Antes de SPA

/* eslint-disable react/prop-types */
import React from 'react'
import parse from "html-react-parser";
import Avatar from '../../../../../shared/Avatar/Avatar'
import StatItem from '../../../../../dashboard/templates/linkedin/sidebar/StatItem';

const GroupInfo = ({
    cover = '',
    image = '',
    name = '',
    overview = '',
    groupId = '',
    totalMembers = '',
    groupType = '',
    accessibility = '',
    type = ''
}) => {
    return (
        <>
            <div className={`sidebar__top ${!cover && 'pt-3'}`}>
                {cover && <img src={`/storage/type/${type}-cover/code/${groupId}/${cover ? `filename/${cover}` : ""}`} alt='Profile cover' className='sidebar__cover' />}
                <Avatar imageUrl={`/storage/type/${type}/code/${groupId}/${image ? `filename/${image}` : ""}`} size='xl' name={name} />
                <h2>{parse(name)}</h2>
                <span>{`${groupType} - ${accessibility}`}</span>
                {parse(overview)}
            </div>
            <div className='sidebar__stats'>
                <StatItem title='Número de miembros' number={totalMembers} url='#' />
            </div>
        </>
    )
}

export default GroupInfo