| Línea 1... |
Línea 1... |
| 1 |
/* eslint-disable camelcase */
|
1 |
/* eslint-disable camelcase */
|
| 2 |
/* eslint-disable react/prop-types */
|
2 |
/* eslint-disable react/prop-types */
|
| 3 |
import React, { useEffect, useRef, useState } from 'react'
|
3 |
import React, { useEffect, useRef, useState } from 'react'
|
| 4 |
import UserDropdown from './UserDropdown'
|
4 |
import UserDropdown from './UserDropdown'
|
| - |
|
5 |
import MoreVertIcon from '@mui/icons-material/MoreVert'
|
| 5 |
import useOutsideClick from '../../../../hooks/useOutsideClick'
|
6 |
import useOutsideClick from '../../../../hooks/useOutsideClick'
|
| Línea 6... |
Línea 7... |
| 6 |
|
7 |
|
| 7 |
const UserImageDropdown = ({ fullName, image, linkAdmin, linkImpersonate }) => {
|
8 |
const UserImageDropdown = ({ fullName, image, linkAdmin, linkImpersonate }) => {
|
| 8 |
const [sessionImage, setSessionImage] = useState(image)
|
9 |
const [sessionImage, setSessionImage] = useState(image)
|
| Línea 40... |
Línea 41... |
| 40 |
<img src={sessionImage} alt="user-img" />
|
41 |
<img src={sessionImage} alt="user-img" />
|
| 41 |
<div className="d-inline-flex flex-column">
|
42 |
<div className="d-inline-flex flex-column">
|
| 42 |
<h3>{fullName}</h3>
|
43 |
<h3>{fullName}</h3>
|
| 43 |
<span>Mi perfil</span>
|
44 |
<span>Mi perfil</span>
|
| 44 |
</div>
|
45 |
</div>
|
| 45 |
<img src="/images/icons/options.png" className="img-icon options-lg" />
|
46 |
<MoreVertIcon />
|
| 46 |
<UserDropdown
|
47 |
<UserDropdown
|
| 47 |
linkAdmin={linkAdmin}
|
48 |
linkAdmin={linkAdmin}
|
| 48 |
linkImpersonate={linkImpersonate}
|
49 |
linkImpersonate={linkImpersonate}
|
| 49 |
show={showUserDropdown}
|
50 |
show={showUserDropdown}
|
| 50 |
onClose={handleShowUserDropdown}
|
51 |
onClose={handleShowUserDropdown}
|