Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 5381 | | Comparar con el anterior | Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
5374 stevensc 1 
/* eslint-disable react/prop-types */
2 
import React from 'react'
3 
import parser from 'html-react-parser'
4 
import { axios } from '../../../utils'
5380 stevensc 5 
import VisibilityOutlinedIcon from '@mui/icons-material/VisibilityOutlined'
6 
import MapOutlinedIcon from '@mui/icons-material/MapOutlined'
7 
import ShareOutlinedIcon from '@mui/icons-material/ShareOutlined'
5374 stevensc 8 
 
9 
export default function ProfileInfo ({
10 
  image,
11 
  fullName,
12 
  description,
13 
  visits,
14 
  country,
15 
  connections,
16 
  linkAdmin,
17 
  linkImpersonate
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 
 
28 
  return (
5380 stevensc 29 
        <div className='user-info'>
30 
            <img src={image} alt="profile-image" />
5381 stevensc 31 
            <h2>{fullName}</h2>
5380 stevensc 32 
            {description && <p>{parser(description)}</p>}
33 
            <div className="user-status">
5382 stevensc 34 
                <div className="d-flex flex-column align-items-center">
5380 stevensc 35 
                    <VisibilityOutlinedIcon />
36 
                    <p>{visits}</p>
5374 stevensc 37 
                </div>
5382 stevensc 38 
                <div className="d-flex flex-column align-items-center">
5380 stevensc 39 
                    <MapOutlinedIcon />
40 
                    <p>{country}</p>
5374 stevensc 41 
                </div>
5382 stevensc 42 
                <div className="d-flex flex-column align-items-center">
5380 stevensc 43 
                    <ShareOutlinedIcon />
44 
                    <p>{connections}</p>
5374 stevensc 45 
                </div>
46 
            </div>
47 
            <ul>
48 
                {linkAdmin &&
49 
                    <li>
50 
                        <a href="#" onClick={() => getAdminUrl()} >Administración</a>
5380 stevensc 51 
                    </li>}
5374 stevensc 52 
                {linkImpersonate &&
53 
                    <li>
54 
                        <a href="/impersonate">Personificar otro usuario</a>
5380 stevensc 55 
                    </li>}
5374 stevensc 56 
                <li>
57 
                    <a href="/account-settings">Configuración de la cuenta</a>
58 
                </li>
59 
                <li>
60 
                    <a href="/privacy-policy">Política de privacidad</a>
61 
                </li>
62 
                <li>
63 
                    <a href="/cookies">Política de cookies</a>
64 
                </li>
65 
                <li className='logOutContainer'>
66 
                    <a className='logOutContainer__a' href="/signout">
67 
                        Cerrar sesión
68 
                    </a>
69 
                </li>
70 
            </ul>
71 
        </div>
72 
  )
73 
}