Proyectos de Subversion LeadersLinked - Antes de SPA

import React from 'react'
import { axios } from '../../../utils'
import VisibilityOutlinedIcon from '@mui/icons-material/VisibilityOutlined'
import MapOutlinedIcon from '@mui/icons-material/MapOutlined'
import ShareOutlinedIcon from '@mui/icons-material/ShareOutlined'

export default function ProfileInfo({
  image,
  name,
  description,
  visits,
  country,
  connections,
  linkAdmin,
  linkImpersonate,
}) {
  const getAdminUrl = async () => {
    try {
      const { data } = await axios.get('/backend/signin-admin')
      if (data.success) window.open(data.data)
    } catch (error) {
      console.log('>>: error > ', error)
    }
  }

  return (
    <div className="user-info">
      <img src={image} alt="profile-image" />
      <h2>{name}</h2>
      {description && <p dangerouslySetInnerHTML={{ __html: description }}></p>}
      <div className="user-status">
        <div className="d-flex flex-column align-items-center">
          <VisibilityOutlinedIcon />
          <p>{visits}</p>
        </div>
        <div className="d-flex flex-column align-items-center">
          <MapOutlinedIcon />
          <p>{country}</p>
        </div>
        <div className="d-flex flex-column align-items-center">
          <ShareOutlinedIcon />
          <p>{connections}</p>
        </div>
      </div>
      <ul>
        {linkAdmin && (
          <li>
            <a href="#" onClick={() => getAdminUrl()}>
              Administración
            </a>
          </li>
        )}
        {linkImpersonate && (
          <li>
            <a href="/impersonate">Personificar otro usuario</a>
          </li>
        )}
        <li>
          <a href="/account-settings">Configuración de la cuenta</a>
        </li>
        <li>
          <a href="/privacy-policy">Política de privacidad</a>
        </li>
        <li>
          <a href="/cookies">Política de cookies</a>
        </li>
        <li className="logOutContainer">
          <a className="logOutContainer__a" href="/signout">
            Cerrar sesión
          </a>
        </li>
      </ul>
    </div>
  )
}