Proyectos de Subversion LeadersLinked - SPA

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

import Paraphrase from '../../UI/Paraphrase'
import StyledContainer from '../WidgetLayout'

const StyledProfileStatus = styled.div`
  display: flex;
  align-items: center;
  justify-content: space-around;
`

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 (
    <StyledContainer className='p-2'>
      <Avatar
        src={image}
        alt={`${name} profile-image`}
        sx={{ margin: '0 auto', width: 100, height: 100 }}
      />
      <h2>{name}</h2>
      <Paraphrase>{description}</Paraphrase>

      <StyledProfileStatus>
        <span>
          <VisibilityOutlinedIcon />
          {visits}
        </span>
        <span>
          <MapOutlinedIcon />
          {country}
        </span>
        <span>
          <ShareOutlinedIcon />
          {connections}
        </span>
      </StyledProfileStatus>

      <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>
    </StyledContainer>
  )
}