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 
 
5 
export default function ProfileInfo({image, fullName, description, visits, country, connections}) {
6 
  return (
7 
    <div className={styles.userProfile}>
8 
        <div className={styles.userProfile__header}>
9 
            <div className={styles.userProfile__header__imgContainer}>
10 
                <img src={image} alt="profile-image" />
11 
            </div>
12 
            <div className={styles.userProfile__header__nameContainer}>
13 
                <p
14 
                    className="text-center font-weight-bold"
15 
                >
16 
                    {fullName}
17 
                </p>
18 
                {
19 
                    !!description && (
20 
                        <p
21 
                            className="text-center p-1 small-text-children"
22 
                        >
23 
                            {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"
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
46 
                    }
47 
                >
48 
                    {visits || ''}
49 
                </p>
50 
            </div>
51 
            <div
52 
                className="col"
53 
            >
54 
                <p
55 
                className={
56 
                    styles.userProfile__connectionInfo__infoContainer__title
57 
                }
58 
                >
59 
                    <i className="pl-2 fa fa-map-marker px-2"></i>
60 
                    {country || ''}
61 
                </p>
62 
            </div>
63 
            <div
64 
                className="col"
65 
            >
66 
                <p
67 
                    className={
68 
                        styles.userProfile__connectionInfo__infoContainer__title
69 
                    }
70 
                >
71 
                    <i className="fa fa-share-alt" ></i>
72 
                    {connections}
73 
                </p>
74 
            </div>
75 
        </div>
76 
    </div>
77 
  )
78 
}