Proyectos de Subversion LeadersLinked - Antes de SPA

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