Proyectos de Subversion LeadersLinked - Antes de SPA

import React from 'react';
import HTMLReactParser from 'html-react-parser';
import styles from './HomeSection.module.scss';

export default function ProfileInfo({image, fullName, description, visits, country, connections, headerClasses = '', imageContainerClasses = ''}) {
  return (
    <div className={styles.userProfile + ' border-gray'}>
        <div className={styles.userProfile__header+' '+ headerClasses}>
            <div className={styles.userProfile__header__imgContainer+' '+imageContainerClasses}>
                <img src={image} alt="profile-image" />
            </div>
            <div className={styles.userProfile__header__nameContainer}>
                <p
                    className="text-center font-weight-bold"
                >
                    {fullName}
                </p>
                {
                    !!description && (
                        <p
                            className="text-center p-1 small-text-children"
                        >
                            {HTMLReactParser(description)}
                        </p>
                    )
                }
            </div>
        </div>
        <div className={styles.userProfile__headerBackground}></div>
        <div
            className="row"
        >
            <div
                className="col w-100 text-center"
            >
                <p
                    className={
                        styles.userProfile__connectionInfo__infoContainer__title
                    }
                > 
                    <i className="fa fa-eye" ></i>
                </p>
                <p
                    className={
                        styles.userProfile__connectionInfo__infoContainer__title
                    }
                >
                    {visits || ''}
                </p>
            </div>
            <div
                className="col w-100 text-center"
            >
                <p
                className={
                    styles.userProfile__connectionInfo__infoContainer__title
                }
                >
                    <i className="pl-2 fa fa-map px-2"></i>
                </p>
                <p
                    className={
                        styles.userProfile__connectionInfo__infoContainer__title
                    }
                    >
                    {country || ''}
                </p>
            </div>
            <div
                className="col w-100 text-center"
            >
                <p
                    className={
                        styles.userProfile__connectionInfo__infoContainer__title
                    }
                >
                    <i className="fa fa-share-alt" ></i>
                </p>
                <p
                    className={
                        styles.userProfile__connectionInfo__infoContainer__title
                    }
                >
                    {connections}
                </p>
            </div>
        </div>
    </div>
  )
}