Proyectos de Subversion LeadersLinked - Antes de SPA

/* eslint-disable react/prop-types */
import React from 'react'
import parser from 'html-react-parser'
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,
  fullName,
  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>{fullName}</h2>
            {description && <p>{parser(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>
  )
}