Proyectos de Subversion LeadersLinked - SPA

Rev

Rev 5 | Rev 672 | Ir a la última revisión | | Comparar con el anterior | Ultima modificación | Ver Log |

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