Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

| Ultima modificación | Ver Log |

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