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 
}