Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 2456 | Mostrar el archivo completo | | | Autoría | Ultima modificación | Ver Log |

Rev 2456 Rev 3503
Línea -... Línea 1...
- 
 
 1 
/* eslint-disable react/prop-types */
1 
import React from 'react';
 2 
import React from 'react';
2 
import HTMLReactParser from 'html-react-parser';
 3 
import HTMLReactParser from 'html-react-parser';
3 
import styles from './HomeSection.module.scss';
 - 
 
Línea 4... Línea 4...
4 
 
 4 
 
- 
 
 5 
export default function ProfileInfo({
- 
 
 6 
    image,
- 
 
 7 
    fullName,
- 
 
 8 
    description,
- 
 
 9 
    visits,
- 
 
 10 
    country,
- 
 
 11 
    connections,
- 
 
 12 
    headerClasses = '',
- 
 
 13 
    imageContainerClasses = ''
- 
 
 14 
}) {
5 
export default function ProfileInfo({image, fullName, description, visits, country, connections, headerClasses = '', imageContainerClasses = ''}) {
 15
6 
  return (
 16 
    return (
7 
    <div className={styles.userProfile + ' border-gray'}>
 17 
        <div className={'userProfile' + ' border-gray'}>
8 
        <div className={styles.userProfile__header+' '+ headerClasses}>
 18 
            <div className={'userProfile__header' + ' ' + headerClasses}>
9 
            <div className={styles.userProfile__header__imgContainer+' '+imageContainerClasses}>
 19 
                <div className={'userProfile__header__imgContainer' + ' ' + imageContainerClasses}>
10 
                <img src={image} alt="profile-image" />
 20 
                    <img src={image} alt="profile-image" />
11 
            </div>
 21 
                </div>
12 
            <div className={styles.userProfile__header__nameContainer}>
 - 
 
13 
                <p
 22 
                <div className={'userProfile__header__nameContainer'}>
14 
                    className="text-center font-weight-bold"
 - 
 
15 
                >
 23 
                    <p className="text-center font-weight-bold">
16 
                    {fullName}
 24 
                        {fullName}
17 
                </p>
 - 
 
18 
                {
 25 
                    </p>
19 
                    !!description && (
 - 
 
20 
                        <p
 26 
                    {!!description &&
21 
                            className="text-center p-1 small-text-children"
 - 
 
22 
                        >
 27 
                        <p className="text-center p-1 small-text-children">
23 
                            {HTMLReactParser(description)}
 28 
                            {HTMLReactParser(description)}
24 
                        </p>
 - 
 
25 
                    )
 - 
 
26 
                }
 - 
 
27 
            </div>
 - 
 
28 
        </div>
 - 
 
29 
        <div className={styles.userProfile__headerBackground}></div>
 - 
 
30 
        <div
 - 
 
31 
            className="row"
 - 
 
32 
        >
 - 
 
33 
            <div
 - 
 
34 
                className="col w-100 text-center"
 - 
 
35 
            >
 - 
 
36 
                <p
 - 
 
37 
                    className={
 - 
 
38 
                        styles.userProfile__connectionInfo__infoContainer__title
 - 
 
39 
                    }
 - 
 
40 
                >
- 
 
41 
                    <i className="fa fa-eye" ></i>
 - 
 
42 
                </p>
 - 
 
43 
                <p
 - 
 
44 
                    className={
 - 
 
45 
                        styles.userProfile__connectionInfo__infoContainer__title
 29 
                        </p>
46 
                    }
 - 
 
47 
                >
 - 
 
48 
                    {visits || ''}
 30 
                    }
49 
                </p>
 31 
                </div>
50 
            </div>
 - 
 
51 
            <div
 32 
            </div>
52 
                className="col w-100 text-center"
 - 
 
53 
            >
 33 
            <div className='userProfile__headerBackground'></div>
54 
                <p
 34 
            <div className="row">
55 
                className={
 35 
                <div className="col w-100 text-center">
56 
                    styles.userProfile__connectionInfo__infoContainer__title
 36 
                    <p className='userProfile__connectionInfo__infoContainer__title'>
57 
                }
 37 
                        <i className="fa fa-eye" ></i>
58 
                >
 38 
                    </p>
- 
 
 39 
                    <p className='userProfile__connectionInfo__infoContainer__title'>
59 
                    <i className="pl-2 fa fa-map px-2"></i>
 40 
                        {visits || ''}
60 
                </p>
 41 
                    </p>
61 
                <p
 42 
                </div>
62 
                    className={
 43 
                <div className="col w-100 text-center">
63 
                        styles.userProfile__connectionInfo__infoContainer__title
 44 
                    <p className='userProfile__connectionInfo__infoContainer__title'>
64 
                    }
 45 
                        <i className="pl-2 fa fa-map px-2"></i>
- 
 
 46 
                    </p>
65 
                    >
 47 
                    <p className='userProfile__connectionInfo__infoContainer__title'>
66 
                    {country || ''}
 48 
                        {country || ''}
67 
                </p>
 49 
                    </p>
68 
            </div>
 - 
 
69 
            <div
 50 
                </div>
70 
                className="col w-100 text-center"
 - 
 
71 
            >
 - 
 
72 
                <p
 - 
 
73 
                    className={
 51 
                <div className="col w-100 text-center">
74 
                        styles.userProfile__connectionInfo__infoContainer__title
 - 
 
75 
                    }
 - 
 
76 
                >
 52 
                    <p className='userProfile__connectionInfo__infoContainer__title'>
77 
                    <i className="fa fa-share-alt" ></i>
 53 
                        <i className="fa fa-share-alt" ></i>
78 
                </p>
 - 
 
79 
                <p
 - 
 
80 
                    className={
 54 
                    </p>
81 
                        styles.userProfile__connectionInfo__infoContainer__title
 55 
                    <p className='userProfile__connectionInfo__infoContainer__title'>
82 
                    }
 56 
                        {connections}
83 
                >
 - 
 
84 
                    {connections}
 57 
                    </p>
85 
                </p>
 58 
                </div>
86 
            </div>
 59 
            </div>
87 
        </div>
 - 
 
88 
    </div>
 60 
        </div>
89 
  )
 61 
    )