Proyectos de Subversion LeadersLinked - Antes de SPA

import React from 'react'

import { useSelector } from 'react-redux'

import parse from 'html-react-parser'

import Avatar from '../../UI/AvatarImage'

import StatItem from './StatItem'

const UserInfo = ({

  cover = '',

  image = '',

  fullName = '',

  description = '',

  visits = 0,

  connections = 0,

}) => {

  const labels = useSelector(({ intl }) => intl.labels)

  return (

    <div className="sidebar__top">

      {cover && (

        <img

          src="./static/profile_2.jpg"

          alt="Profile cover"

          className="sidebar__cover"

        />

      )}

      <Avatar imageUrl={image} size="xl" name={fullName} />

      {fullName && <h2>{parse(fullName)}</h2>}

      {description && parse(description)}

      <StatItem

        title={`¿${labels.whoe_has_seen_my_profile}?`}

        number={visits}

        url="/profile/people-viewed-profile"

      />

      <StatItem

        title={labels.connections}

        number={connections}

        url="/connection/my-connections"

      />

    </div>

  )

}

export default UserInfo