Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 6632 Rev 6753
Línea 1... Línea 1...
1 
/* eslint-disable react/prop-types */
 1 
import React, { useRef, useState } from 'react'
2 
import React, { useLayoutEffect, useRef, useState } from 'react'
 2 
import { axios } from '../../../utils'
3 
import useOutsideClick from '../../../hooks/useOutsideClick'
 3 
import useOutsideClick from '../../../hooks/useOutsideClick'
4 
import axios from '../../../utils/axios'
 - 
 
- 
 
 4 
 
5 
import ListItemDropdown from './ListItemDropdown'
 5 
import ListItemDropdown from './ListItemDropdown'
- 
 
 6 
 
6 
import './HeaderOptions.scss'
 7 
import './HeaderOptions.scss'
7 
import './Dropdowns.scss'
 8 
import './Dropdowns.scss'
Línea 8... Línea 9...
8 
 
 9 
 
9 
const HeaderOptions = ({
 10 
const HeaderOptions = ({
Línea 15... Línea 16...
15 
  isMobile = false,
 16 
  isMobile = false,
16 
  badgeCount = 0,
 17 
  badgeCount = 0,
17 
}) => {
 18 
}) => {
18 
  const [displayMenu, setDisplayMenu] = useState(false)
 19 
  const [displayMenu, setDisplayMenu] = useState(false)
19 
  const menu = useRef(null)
 20 
  const menu = useRef(null)
20 
  const outsideClick = useOutsideClick(menu)
 21 
  useOutsideClick(menu, () => setDisplayMenu(false))
Línea 21... Línea 22...
21 
 
 22 
 
22 
  const handleClick = () => {
 23 
  const handleClick = () => {
23 
    setDisplayMenu(!displayMenu)
 24 
    setDisplayMenu(!displayMenu)
Línea 32... Línea 33...
32 
    } catch (error) {
 33 
    } catch (error) {
33 
      console.log('>>: error > ', error)
 34 
      console.log('>>: error > ', error)
34 
    }
 35 
    }
35 
  }
 36 
  }
Línea 36... Línea -...
36 
 
 - 
 
37 
  useLayoutEffect(() => {
 - 
 
38 
    if (outsideClick) setDisplayMenu(false)
 - 
 
39 
  }, [outsideClick])
 - 
 
40 
 
 37 
 
41 
  return (
 38 
  return (
42 
    <li ref={menu} className={!isMobile && 'd-none d-lg-block'}>
 39 
    <li ref={menu} className={!isMobile && 'd-none d-lg-block'}>
43 
      <a
 40 
      <a
44 
        href={`/${url}`}
 41 
        href={`/${url}`}