Rev 5902 | 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