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-0'}`}>
            {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>
            <p>{`${groupType} - ${accessibility}`}</p>
            {parse(overview)}
            <StatItem title='Número de miembros' number={totalMembers} url='#' />
        </div>
  )
}

export default GroupInfo