Rev 5284 | Ir a la última revisión | Autoría | Comparar con el anterior | Ultima modificación | Ver Log |
/* eslint-disable react/prop-types */
import React from 'react'
import Avatar from '../../../../shared/Avatar/Avatar'
import parse from 'html-react-parser'
import StatItem from './StatItem'
const UserInfo = ({
cover = '',
image = '',
fullName = '',
description = '',
visits = 0,
connections = 0
}) => {
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} />
<h2>{parse(fullName)}</h2>
{parse(description)}
<StatItem title={`¿${LABELS.WHO_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