Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 4250 | Rev 4253 | Ir a la última revisión | Mostrar el archivo completo | | | Autoría | Ultima modificación | Ver Log |

Rev 4250 Rev 4251
Línea 1... Línea 1...
1
/* eslint-disable react/prop-types */
1
/* eslint-disable react/prop-types */
2
import React from 'react'
2
import React, { useState } from 'react'
3
import Avatar from '../../../shared/Avatar/Avatar'
3
import Avatar from '../../../shared/Avatar/Avatar'
-
 
4
import axios from '../../../utils/axios'
-
 
5
import ArrowDropDownIcon from '@mui/icons-material/ArrowDropDown';
Línea 4... Línea 6...
4
 
6
 
5
const UserOptions = ({
7
const UserOptions = ({
6
    image = '',
8
    image = '',
7
    name = '',
9
    name = '',
8
    adminUrl = '',
10
    adminUrl = '',
9
    impersonateUrl = '',
11
    impersonateUrl = '',
Línea -... Línea 12...
-
 
12
}) => {
-
 
13
 
-
 
14
    const [displayOptions, setDisplayOptions] = useState(false)
-
 
15
 
-
 
16
    const handleDisplay = async (e) => {
-
 
17
        e.preventDefault()
-
 
18
        setDisplayOptions(!displayOptions)
-
 
19
    }
-
 
20
 
-
 
21
    const getAdminUrl = async (e) => {
-
 
22
        e.preventDefault()
-
 
23
        try {
-
 
24
            const { data } = await axios.get('/backend/signin-admin')
-
 
25
            if (data.success) return window.open(data.data);
-
 
26
        } catch (error) {
-
 
27
            console.log('>>: error > ', error)
-
 
28
        }
10
}) => {
29
    }
11
 
30
 
-
 
31
    return (
-
 
32
        <li>
-
 
33
            <a
-
 
34
                href="#"
-
 
35
                className="header__option"
12
    return (
36
                onClick={handleDisplay}
13
        <li>
37
            >
14
            <Avatar
38
                <Avatar
15
                imageUrl={image}
39
                    imageUrl={image}
-
 
40
                    name={name}
-
 
41
                    size='md'
16
                name={name}
42
                />
-
 
43
                <h3>Me <ArrowDropDownIcon /></h3>
-
 
44
            </a>
-
 
45
            <div className={`user__options-dropdown ${displayOptions ? 'fadeIn' : 'fadeOut'}`}>
-
 
46
                <ul>
-
 
47
                    {adminUrl &&
-
 
48
                        <li>
-
 
49
                            <a href="#" onClick={getAdminUrl} >Administración</a>
-
 
50
                        </li>
-
 
51
                    }
-
 
52
                    {impersonateUrl &&
-
 
53
                        <li>
-
 
54
                            <a href="/impersonate">Personificar otro usuario</a>
-
 
55
                        </li>
-
 
56
                    }
-
 
57
                    <li>
-
 
58
                        <a href="/account-settings">Configuración de la cuenta</a>
-
 
59
                    </li>
-
 
60
                    <li>
-
 
61
                        <a href="/privacy-policy">Política de privacidad</a>
-
 
62
                    </li>
-
 
63
                    <li>
-
 
64
                        <a href="/cookies">Política de cookies</a>
-
 
65
                    </li>
-
 
66
                    <li className='logOutContainer'>
-
 
67
                        <a className='logOutContainer__a' href="/signout">
-
 
68
                            Cerrar sesión
-
 
69
                        </a>
-
 
70
                    </li>
17
                size='md'
71
                </ul>
18
            />
72
            </div >
19
        </li>
73
        </li>
Línea 20... Línea 74...
20
    )
74
    )
21
}
75
}