Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 5374 | Rev 5381 | Ir a la última revisión | Mostrar el archivo completo | | | Autoría | Ultima modificación | Ver Log |

Rev 5374 Rev 5380
Línea 1... Línea 1...
1 
/* eslint-disable react/prop-types */
 1 
/* eslint-disable react/prop-types */
2 
import React from 'react'
 2 
import React from 'react'
3 
import parser from 'html-react-parser'
 3 
import parser from 'html-react-parser'
4 
import { axios } from '../../../utils'
 4 
import { axios } from '../../../utils'
- 
 
 5 
import VisibilityOutlinedIcon from '@mui/icons-material/VisibilityOutlined'
- 
 
 6 
import MapOutlinedIcon from '@mui/icons-material/MapOutlined'
- 
 
 7 
import ShareOutlinedIcon from '@mui/icons-material/ShareOutlined'
Línea 5... Línea 8...
5 
 
 8 
 
6 
export default function ProfileInfo ({
 9 
export default function ProfileInfo ({
7 
  image,
 10 
  image,
8 
  fullName,
 11 
  fullName,
9 
  description,
 12 
  description,
10 
  visits,
 13 
  visits,
11 
  country,
 14 
  country,
12 
  connections,
 - 
 
13 
  headerClasses = '',
 - 
 
14 
  imageContainerClasses = '',
 15 
  connections,
15 
  linkAdmin,
 16 
  linkAdmin,
16 
  linkImpersonate
 17 
  linkImpersonate
17 
}) {
 18 
}) {
18 
  const getAdminUrl = async () => {
 19 
  const getAdminUrl = async () => {
Línea 23... Línea 24...
23 
      console.log('>>: error > ', error)
 24 
      console.log('>>: error > ', error)
24 
    }
 25 
    }
25 
  }
 26 
  }
Línea 26... Línea 27...
26 
 
 27 
 
27 
  return (
 28 
  return (
- 
 
 29 
        <div className='user-info'>
- 
 
 30 
            <img src={image} alt="profile-image" />
- 
 
 31 
            <p>{fullName}</p>
28 
        <div className='user_profile-info'>
 32 
            {description && <p>{parser(description)}</p>}
29 
            <div className={'userProfile__header' + ' ' + headerClasses}>
 33 
            <div className="user-status">
30 
                <div className={'userProfile__header__imgContainer' + ' ' + imageContainerClasses}>
 34 
                <div className="d-flex flex-column" style={{ gap: '.5rem' }}>
- 
 
 35 
                    <VisibilityOutlinedIcon />
31 
                    <img src={image} alt="profile-image" />
 36 
                    <p>{visits}</p>
32 
                </div>
 37 
                </div>
33 
                <div className={'userProfile__header__nameContainer'}>
 - 
 
34 
                    <p className="text-center font-weight-bold">
 - 
 
35 
                        {fullName}
 - 
 
36 
                    </p>
 38 
                <div className="d-flex flex-column" style={{ gap: '.5rem' }}>
37 
                    {!!description &&
 - 
 
38 
                        <p className="text-center p-1 small-text-children">
 - 
 
39 
                            {parser(description)}
 39 
                    <MapOutlinedIcon />
40 
                        </p>
 - 
 
41 
                    }
 40 
                    <p>{country}</p>
42 
                </div>
 - 
 
43 
            </div>
 - 
 
44 
            <div className='userProfile__headerBackground'></div>
 - 
 
45 
            <div className="row">
 41 
                </div>
46 
                <div className="col w-100 text-center">
 - 
 
47 
                    <p className='userProfile__connectionInfo__infoContainer__title'>
 - 
 
48 
                        <i className="fa fa-eye" ></i>
 - 
 
49 
                    </p>
 - 
 
50 
                    <p className='userProfile__connectionInfo__infoContainer__title'>
 - 
 
51 
                        {visits || ''}
 - 
 
52 
                    </p>
 - 
 
53 
                </div>
 - 
 
54 
                <div className="col w-100 text-center">
 - 
 
55 
                    <p className='userProfile__connectionInfo__infoContainer__title'>
 - 
 
56 
                        <i className="pl-2 fa fa-map px-2"></i>
 - 
 
57 
                    </p>
 - 
 
58 
                    <p className='userProfile__connectionInfo__infoContainer__title'>
 42 
                <div className="d-flex flex-column" style={{ gap: '.5rem' }}>
59 
                        {country || ''}
 - 
 
60 
                    </p>
 - 
 
61 
                </div>
 - 
 
62 
                <div className="col w-100 text-center">
 - 
 
63 
                    <p className='userProfile__connectionInfo__infoContainer__title'>
 - 
 
64 
                        <i className="fa fa-share-alt" ></i>
 - 
 
65 
                    </p>
 - 
 
66 
                    <p className='userProfile__connectionInfo__infoContainer__title'>
 43 
                    <ShareOutlinedIcon />
67 
                        {connections}
 - 
 
68 
                    </p>
 44 
                    <p>{connections}</p>
69 
                </div>
 45 
                </div>
70 
            </div>
 46 
            </div>
71 
            <ul>
 47 
            <ul>
72 
                {linkAdmin &&
 48 
                {linkAdmin &&
73 
                    <li>
 49 
                    <li>
74 
                        <a href="#" onClick={() => getAdminUrl()} >Administración</a>
 50 
                        <a href="#" onClick={() => getAdminUrl()} >Administración</a>
75 
                    </li>
 - 
 
76 
                }
 51 
                    </li>}
77 
                {linkImpersonate &&
 52 
                {linkImpersonate &&
78 
                    <li>
 53 
                    <li>
79 
                        <a href="/impersonate">Personificar otro usuario</a>
 54 
                        <a href="/impersonate">Personificar otro usuario</a>
80 
                    </li>
 - 
 
81 
                }
 55 
                    </li>}
82 
                <li>
 56 
                <li>
83 
                    <a href="/account-settings">Configuración de la cuenta</a>
 57 
                    <a href="/account-settings">Configuración de la cuenta</a>
84 
                </li>
 58 
                </li>
85 
                <li>
 59 
                <li>