Proyectos de Subversion LeadersLinked - Antes de SPA

/* eslint-disable react/prop-types */
import React from 'react';
import HTMLReactParser from 'html-react-parser';
import { axios } from '../../../utils';

export default function ProfileInfo({
    image,
    fullName,
    description,
    visits,
    country,
    connections,
    headerClasses = '',
    imageContainerClasses = '',
    linkAdmin,
    linkImpersonate
}) {

    const getAdminUrl = async () => {
        try {
            const { data } = await axios.get('/backend/signin-admin')
            if (data.success) window.open(data.data);
        } catch (error) {
            console.log('>>: error > ', error)
        }
    }

    return (
        <div className='userProfile'>
            <div className={'userProfile__header' + ' ' + headerClasses}>
                <div className={'userProfile__header__imgContainer' + ' ' + imageContainerClasses}>
                    <img src={image} alt="profile-image" />
                </div>
                <div className={'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='userProfile__headerBackground'></div>
            <div className="row">
                <div className="col w-100 text-center">
                    <p className='userProfile__connectionInfo__infoContainer__title'>
                        <i className="fa fa-eye" ></i>
                    </p>
                    <p className='userProfile__connectionInfo__infoContainer__title'>
                        {visits || ''}
                    </p>
                </div>
                <div className="col w-100 text-center">
                    <p className='userProfile__connectionInfo__infoContainer__title'>
                        <i className="pl-2 fa fa-map px-2"></i>
                    </p>
                    <p className='userProfile__connectionInfo__infoContainer__title'>
                        {country || ''}
                    </p>
                </div>
                <div className="col w-100 text-center">
                    <p className='userProfile__connectionInfo__infoContainer__title'>
                        <i className="fa fa-share-alt" ></i>
                    </p>
                    <p className='userProfile__connectionInfo__infoContainer__title'>
                        {connections}
                    </p>
                </div>
            </div>
            <ul>
                {linkAdmin &&
                    <li>
                        <a href="#" onClick={() => getAdminUrl()} >Administración</a>
                    </li>
                }
                {linkImpersonate &&
                    <li>
                        <a href="/impersonate">Personificar otro usuario</a>
                    </li>
                }
                <li>
                    <a href="/account-settings">Configuración de la cuenta</a>
                </li>
                <li>
                    <a href="/privacy-policy">Política de privacidad</a>
                </li>
                <li>
                    <a href="/cookies">Política de cookies</a>
                </li>
                <li className='logOutContainer'>
                    <a className='logOutContainer__a' href="/signout">
                        Cerrar sesión
                    </a>
                </li>
            </ul>
        </div>
    )
}