Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

| Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
3503 stevensc 1 
/* eslint-disable react/prop-types */
1386 steven 2 
import React from 'react';
3 
import HTMLReactParser from 'html-react-parser';
4 
 
3503 stevensc 5 
export default function ProfileInfo({
6 
    image,
7 
    fullName,
8 
    description,
9 
    visits,
10 
    country,
11 
    connections,
12 
    headerClasses = '',
13 
    imageContainerClasses = ''
14 
}) {
15 
 
16 
    return (
17 
        <div className={'userProfile' + ' border-gray'}>
18 
            <div className={'userProfile__header' + ' ' + headerClasses}>
19 
                <div className={'userProfile__header__imgContainer' + ' ' + imageContainerClasses}>
20 
                    <img src={image} alt="profile-image" />
21 
                </div>
22 
                <div className={'userProfile__header__nameContainer'}>
23 
                    <p className="text-center font-weight-bold">
24 
                        {fullName}
25 
                    </p>
26 
                    {!!description &&
27 
                        <p className="text-center p-1 small-text-children">
1386 steven 28 
                            {HTMLReactParser(description)}
29 
                        </p>
30 
                    }
3503 stevensc 31 
                </div>
1386 steven 32 
            </div>
3503 stevensc 33 
            <div className='userProfile__headerBackground'></div>
34 
            <div className="row">
35 
                <div className="col w-100 text-center">
36 
                    <p className='userProfile__connectionInfo__infoContainer__title'>
37 
                        <i className="fa fa-eye" ></i>
38 
                    </p>
39 
                    <p className='userProfile__connectionInfo__infoContainer__title'>
40 
                        {visits || ''}
41 
                    </p>
42 
                </div>
43 
                <div className="col w-100 text-center">
44 
                    <p className='userProfile__connectionInfo__infoContainer__title'>
45 
                        <i className="pl-2 fa fa-map px-2"></i>
46 
                    </p>
47 
                    <p className='userProfile__connectionInfo__infoContainer__title'>
48 
                        {country || ''}
49 
                    </p>
50 
                </div>
51 
                <div className="col w-100 text-center">
52 
                    <p className='userProfile__connectionInfo__infoContainer__title'>
53 
                        <i className="fa fa-share-alt" ></i>
54 
                    </p>
55 
                    <p className='userProfile__connectionInfo__infoContainer__title'>
56 
                        {connections}
57 
                    </p>
58 
                </div>
1386 steven 59 
            </div>
60 
        </div>
3503 stevensc 61 
    )
1386 steven 62 
}