Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

| Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
3503 stevensc 1 
/* eslint-disable react/prop-types */
1386 steven 2 
import React from 'react';
3 
import HTMLReactParser from 'html-react-parser';
3694 stevensc 4 
import { axios } from '../../../utils';
1386 steven 5 
 
3503 stevensc 6 
export default function ProfileInfo({
7 
    image,
8 
    fullName,
9 
    description,
10 
    visits,
11 
    country,
12 
    connections,
13 
    headerClasses = '',
3694 stevensc 14 
    imageContainerClasses = '',
15 
    linkAdmin,
16 
    linkImpersonate
3503 stevensc 17 
}) {
3694 stevensc 18 
 
19 
    const getAdminUrl = async () => {
20 
        try {
21 
            const { data } = await axios.get('/backend/signin-admin')
22 
            if (data.success) window.open(data.data);
23 
        } catch (error) {
24 
            console.log('>>: error > ', error)
25 
        }
26 
    }
27 
 
3503 stevensc 28 
    return (
3967 stevensc 29 
        <div className='userProfile'>
3503 stevensc 30 
            <div className={'userProfile__header' + ' ' + headerClasses}>
31 
                <div className={'userProfile__header__imgContainer' + ' ' + imageContainerClasses}>
32 
                    <img src={image} alt="profile-image" />
33 
                </div>
34 
                <div className={'userProfile__header__nameContainer'}>
35 
                    <p className="text-center font-weight-bold">
36 
                        {fullName}
37 
                    </p>
38 
                    {!!description &&
39 
                        <p className="text-center p-1 small-text-children">
1386 steven 40 
                            {HTMLReactParser(description)}
41 
                        </p>
42 
                    }
3503 stevensc 43 
                </div>
1386 steven 44 
            </div>
3503 stevensc 45 
            <div className='userProfile__headerBackground'></div>
46 
            <div className="row">
47 
                <div className="col w-100 text-center">
48 
                    <p className='userProfile__connectionInfo__infoContainer__title'>
49 
                        <i className="fa fa-eye" ></i>
50 
                    </p>
51 
                    <p className='userProfile__connectionInfo__infoContainer__title'>
52 
                        {visits || ''}
53 
                    </p>
54 
                </div>
55 
                <div className="col w-100 text-center">
56 
                    <p className='userProfile__connectionInfo__infoContainer__title'>
57 
                        <i className="pl-2 fa fa-map px-2"></i>
58 
                    </p>
59 
                    <p className='userProfile__connectionInfo__infoContainer__title'>
60 
                        {country || ''}
61 
                    </p>
62 
                </div>
63 
                <div className="col w-100 text-center">
64 
                    <p className='userProfile__connectionInfo__infoContainer__title'>
65 
                        <i className="fa fa-share-alt" ></i>
66 
                    </p>
67 
                    <p className='userProfile__connectionInfo__infoContainer__title'>
68 
                        {connections}
69 
                    </p>
70 
                </div>
1386 steven 71 
            </div>
3969 stevensc 72 
            <ul>
3694 stevensc 73 
                {linkAdmin &&
74 
                    <li>
75 
                        <a href="#" onClick={() => getAdminUrl()} >Administración</a>
76 
                    </li>
77 
                }
78 
                {linkImpersonate &&
79 
                    <li>
80 
                        <a href="/impersonate">Personificar otro usuario</a>
81 
                    </li>
82 
                }
83 
                <li>
84 
                    <a href="/account-settings">Configuración de la cuenta</a>
85 
                </li>
86 
                <li>
87 
                    <a href="/privacy-policy">Política de privacidad</a>
88 
                </li>
89 
                <li>
90 
                    <a href="/cookies">Política de cookies</a>
91 
                </li>
92 
                <li className='logOutContainer'>
93 
                    <a className='logOutContainer__a' href="/signout">
94 
                        Cerrar sesión
95 
                    </a>
96 
                </li>
97 
            </ul>
1386 steven 98 
        </div>
3503 stevensc 99 
    )
1386 steven 100 
}