Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 4809 Rev 4810
Línea 1... Línea 1...
1 
/* eslint-disable react/prop-types */
 1 
/* eslint-disable react/prop-types */
2 
import React, { useState } from 'react'
 2 
import React, { useEffect, useRef, useState } from 'react'
3 
import './HeaderOptions.scss'
 3 
import './HeaderOptions.scss'
4 
import './Dropdowns.scss'
 4 
import './Dropdowns.scss'
- 
 
 5 
import useOutsideClick from '../../../hooks/useOutsideClick'
Línea 5... Línea 6...
5 
 
 6 
 
6 
const HeaderOptions = ({ Icon, title, url, childs = [], isMobile = false }) => {
 7 
const HeaderOptions = ({ Icon, title, url, childs = [], isMobile = false }) => {
- 
 
 8 
    const [displayMenu, setDisplayMenu] = useState(false)
- 
 
 9 
    const menu = useRef(null)
- 
 
 10 
    const outsideClick = useOutsideClick(menu)
- 
 
 11 
 
- 
 
 12 
    useEffect(() => {
- 
 
 13 
        if (outsideClick) setDisplayMenu(false)
- 
 
 14 
    }, [outsideClick])
7 
    const [displayMenu, setDisplayMenu] = useState(false)
 15 
 
8 
    return (
 16 
    return (
9 
        <li className={!isMobile && 'd-none d-md-block'}>
 17 
        <li ref={menu} className={!isMobile && 'd-none d-md-block'}>
10 
            <a
 18 
            <a
11 
                href={url}
 19 
                href={url}
12 
                className={`header__option ${isMobile && 'mobile'}`}
 20 
                className={`header__option ${isMobile && 'mobile'}`}
13 
                onClick={(e) => {
 21 
                onClick={(e) => {