Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 4849 | Mostrar el archivo completo | | | Autoría | Ultima modificación | Ver Log |

Rev 4849 Rev 6618
Línea 1... Línea 1...
1 
import { useEffect, useState } from 'react'
 1 
import { useEffect, useState } from 'react'
Línea 2... Línea 2...
2 
 
 2 
 
3 
const useOutsideClick = (ref) => {
 3 
const useOutsideClick = (ref) => {
Línea 4... Línea 4...
4 
    const [clickOutside, setClickOutside] = useState(false)
 4 
  const [clickOutside, setClickOutside] = useState(false)
5 
 
 5 
 
6 
    useEffect(() => {
 6 
  useEffect(() => {
7 
        const handleClickOutside = (event) => {
 7 
    const handleClickOutside = (event) => {
8 
            if (ref?.current && !ref.current.contains(event.target)) {
 8 
      if (ref?.current && !ref.current.contains(event.target)) {
9 
                setClickOutside(true)
 9 
        setClickOutside(true)
10 
            }
 10 
      }
11 
            setClickOutside(false)
 11 
      setClickOutside(false)
Línea 12... Línea 12...
12 
        }
 12 
    }
13 
        document.addEventListener("mousedown", handleClickOutside);
 13 
    document.addEventListener('mousedown', handleClickOutside)
14 
 
 14 
 
15 
        return () => {
 15 
    return () => {
Línea 16... Línea 16...
16 
            document.removeEventListener("mousedown", handleClickOutside);
 16 
      document.removeEventListener('mousedown', handleClickOutside)
17 
        };
 17 
    }
Línea 18... Línea -...
18 
    }, [ref])
 - 
 
19 
 
 18 
  }, [ref])
- 
 
 19