Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

| Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
6704 stevensc 1
import React from 'react'
2
import { axios } from '../../../utils'
3
import VisibilityOutlinedIcon from '@mui/icons-material/VisibilityOutlined'
4
import MapOutlinedIcon from '@mui/icons-material/MapOutlined'
5
import ShareOutlinedIcon from '@mui/icons-material/ShareOutlined'
6
 
7
export default function ProfileInfo({
8
  image,
9
  name,
10
  description,
11
  visits,
12
  country,
13
  connections,
14
  linkAdmin,
15
  linkImpersonate,
16
}) {
17
  const getAdminUrl = async () => {
18
    try {
19
      const { data } = await axios.get('/backend/signin-admin')
20
      if (data.success) window.open(data.data)
21
    } catch (error) {
22
      console.log('>>: error > ', error)
23
    }
24
  }
25
 
26
  return (
27
    <div className="user-info">
28
      <img src={image} alt="profile-image" />
29
      <h2>{name}</h2>
30
      {description && <p dangerouslySetInnerHTML={{ __html: description }}></p>}
31
      <div className="user-status">
32
        <div className="d-flex flex-column align-items-center">
33
          <VisibilityOutlinedIcon />
34
          <p>{visits}</p>
35
        </div>
36
        <div className="d-flex flex-column align-items-center">
37
          <MapOutlinedIcon />
38
          <p>{country}</p>
39
        </div>
40
        <div className="d-flex flex-column align-items-center">
41
          <ShareOutlinedIcon />
42
          <p>{connections}</p>
43
        </div>
44
      </div>
45
      <ul>
46
        {linkAdmin && (
47
          <li>
48
            <a href="#" onClick={() => getAdminUrl()}>
49
              Administración
50
            </a>
51
          </li>
52
        )}
53
        {linkImpersonate && (
54
          <li>
55
            <a href="/impersonate">Personificar otro usuario</a>
56
          </li>
57
        )}
58
        <li>
59
          <a href="/account-settings">Configuración de la cuenta</a>
60
        </li>
61
        <li>
62
          <a href="/privacy-policy">Política de privacidad</a>
63
        </li>
64
        <li>
65
          <a href="/cookies">Política de cookies</a>
66
        </li>
67
        <li className="logOutContainer">
68
          <a className="logOutContainer__a" href="/signout">
69
            Cerrar sesión
70
          </a>
71
        </li>
72
      </ul>
73
    </div>
74
  )
75
}