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