| 5284 |
stevensc |
1 |
/* eslint-disable react/prop-types */
|
|
|
2 |
import React from 'react'
|
|
|
3 |
import Avatar from '../../../../shared/Avatar/Avatar'
|
|
|
4 |
import parse from 'html-react-parser'
|
|
|
5 |
import StatItem from './StatItem'
|
|
|
6 |
|
|
|
7 |
const UserInfo = ({
|
|
|
8 |
cover = '',
|
|
|
9 |
image = '',
|
|
|
10 |
fullName = '',
|
|
|
11 |
description = '',
|
|
|
12 |
visits = 0,
|
|
|
13 |
connections = 0
|
|
|
14 |
}) => {
|
|
|
15 |
return (
|
|
|
16 |
<div className={`sidebar__top ${!cover && 'pt-3'}`}>
|
|
|
17 |
{cover && <img src='./static/profile_2.jpg' alt='Profile cover' className='sidebar__cover' />}
|
|
|
18 |
<Avatar imageUrl={image} size='xl' name={fullName} />
|
|
|
19 |
<h2>{parse(fullName)}</h2>
|
|
|
20 |
{parse(description)}
|
|
|
21 |
|
|
|
22 |
<StatItem title={`¿${LABELS.WHO_HAS_SEEN_MY_PROFILE}?`} number={visits} url='/profile/people-viewed-profile' />
|
|
|
23 |
<StatItem title={LABELS.CONNECTIONS} number={connections} url='/connection/my-connections' />
|
|
|
24 |
</div>
|
|
|
25 |
)
|
|
|
26 |
}
|
|
|
27 |
|
|
|
28 |
export default UserInfo
|