Proyectos de Subversion LeadersLinked - Antes de SPA

/* eslint-disable react/prop-types */
import React, { useState } from 'react'
import Avatar from '../../../shared/Avatar/Avatar'
import axios from '../../../utils/axios'
import ArrowDropDownIcon from '@mui/icons-material/ArrowDropDown';

const UserOptions = ({
    image = '',
    name = '',
    adminUrl = '',
    impersonateUrl = '',
}) => {

    const [displayOptions, setDisplayOptions] = useState(false)

    const handleDisplay = async (e) => {
        e.preventDefault()
        setDisplayOptions(!displayOptions)
    }

    const getAdminUrl = async (e) => {
        e.preventDefault()
        try {
            const { data } = await axios.get('/backend/signin-admin')
            if (data.success) return window.open(data.data);
        } catch (error) {
            console.log('>>: error > ', error)
        }
    }

    return (
        <li>
            <a
                href="#"
                className="header__option"
                onClick={handleDisplay}
            >
                <Avatar
                    imageUrl={image}
                    name={name}
                    size='md'
                />
                <h3>Me <ArrowDropDownIcon className='user__option-icon'/></h3>
            </a>
            <div className={`user__options-dropdown ${displayOptions ? 'fadeIn' : 'fadeOut'}`}>
                <ul>
                    {adminUrl &&
                        <li>
                            <a href="#" onClick={getAdminUrl} >Administración</a>
                        </li>
                    }
                    {impersonateUrl &&
                        <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 >
        </li>
    )
}

export default UserOptions