Proyectos de Subversion LeadersLinked - SPA

Rev

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

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