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 = ''}) {
1386 steven 6 
  return (
1538 steven 7 
    <div className={styles.userProfile + ' border-gray'}>
1791 steven 8 
        <div className={styles.userProfile__header+' '+ headerClasses}>
1792 steven 9 
            <div className={styles.userProfile__header__imgContainer+' '+imageContainerClasses}>
1386 steven 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
1387 steven 34 
                className="col w-100 text-center"
1386 steven 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
1387 steven 52 
                className="col w-100 text-center"
1386 steven 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>
1387 steven 60 
                </p>
61 
                <p
62 
                    className={
63 
                        styles.userProfile__connectionInfo__infoContainer__title
64 
                    }
65 
                    >
1386 steven 66 
                    {country || ''}
67 
                </p>
68 
            </div>
69 
            <div
1387 steven 70 
                className="col w-100 text-center"
1386 steven 71 
            >
72 
                <p
73 
                    className={
74 
                        styles.userProfile__connectionInfo__infoContainer__title
75 
                    }
76 
                >
77 
                    <i className="fa fa-share-alt" ></i>
1387 steven 78 
                </p>
79 
                <p
80 
                    className={
81 
                        styles.userProfile__connectionInfo__infoContainer__title
82 
                    }
83 
                >
1386 steven 84 
                    {connections}
85 
                </p>
86 
            </div>
87 
        </div>
88 
    </div>
89 
  )
90 
}