Proyectos de Subversion LeadersLinked - Antes de SPA

import React from 'react'
import parse from 'html-react-parser'

import Avatar from '../UI/AvatarImage'
import StatItem from '../dashboard/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