mirror of https://github.com/arc53/DocsGPT
Merge pull request #139 from arc53/feature/nicks-list1
commit
ed79ad6b8c
@ -0,0 +1,19 @@
|
|||||||
|
import { useEffect, RefObject } from 'react';
|
||||||
|
|
||||||
|
export function useOutsideAlerter<T extends HTMLElement>(
|
||||||
|
ref: RefObject<T>,
|
||||||
|
handler: () => void,
|
||||||
|
additionalDeps: unknown[],
|
||||||
|
) {
|
||||||
|
useEffect(() => {
|
||||||
|
function handleClickOutside(this: Document, event: MouseEvent) {
|
||||||
|
if (ref.current && !ref.current.contains(event.target as Node)) {
|
||||||
|
handler();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
document.addEventListener('mousedown', handleClickOutside);
|
||||||
|
return () => {
|
||||||
|
document.removeEventListener('mousedown', handleClickOutside);
|
||||||
|
};
|
||||||
|
}, [ref, ...additionalDeps]);
|
||||||
|
}
|
Loading…
Reference in New Issue