Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 4971 Rev 4979
Línea 1... Línea 1...
1
/* eslint-disable react/prop-types */
1
/* eslint-disable react/prop-types */
2
import React, { useEffect, useRef, useState } from 'react'
2
import React, { useLayoutEffect, useRef, useState } from 'react'
3
import useOutsideClick from '../../../hooks/useOutsideClick'
3
import useOutsideClick from '../../../hooks/useOutsideClick'
4
import axios from '../../../utils/axios'
4
import axios from '../../../utils/axios'
5
import ListItemDropdown from './ListItemDropdown'
5
import ListItemDropdown from './ListItemDropdown'
6
import './HeaderOptions.scss'
6
import './HeaderOptions.scss'
7
import './Dropdowns.scss'
7
import './Dropdowns.scss'
Línea 14... Línea 14...
14
    ajaxRequest = 0,
14
    ajaxRequest = 0,
15
    isMobile = false,
15
    isMobile = false,
16
    badgeCount = 0
16
    badgeCount = 0
17
}) => {
17
}) => {
18
    const [displayMenu, setDisplayMenu] = useState(false)
18
    const [displayMenu, setDisplayMenu] = useState(false)
19
    const outsideClick = useOutsideClick(menu)
-
 
20
    const menu = useRef(null)
19
    const menu = useRef(null)
-
 
20
    const outsideClick = useOutsideClick(menu)
Línea 21... Línea 21...
21
 
21
 
22
    const handleClick = () => {
22
    const handleClick = () => {
23
        setDisplayMenu(!displayMenu)
23
        setDisplayMenu(!displayMenu)
Línea 30... Línea 30...
30
        } catch (error) {
30
        } catch (error) {
31
            console.log('>>: error > ', error)
31
            console.log('>>: error > ', error)
32
        }
32
        }
33
    }
33
    }
Línea 34... Línea 34...
34
 
34
 
35
    useEffect(() => {
35
    useLayoutEffect(() => {
36
        if (outsideClick) setDisplayMenu(false)
36
        if (outsideClick) setDisplayMenu(false)
Línea 37... Línea 37...
37
    }, [outsideClick])
37
    }, [outsideClick])
38
 
38