muerwre/vault-frontend
1
0
Fork 0
mirror of https://github.com/muerwre/vault-frontend.git synced 2025-04-25 04:46:40 +07:00
Code Packages Activity Actions

also deactivating flow display overlay on escape

Browse source
This commit is contained in:
Fedor Katurov 2021-10-13 16:18:19 +07:00
parent 5fef4bc804
commit 46a3e47cb2
1 changed files with 3 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

3
src/utils/hooks/useClickOutsideFocus.ts
View file

@ -2,6 +2,7 @@
* Handles blur by detecting clicks outside refs. * Handles blur by detecting clicks outside refs.
*/ */
import { useCallback, useEffect, useRef, useState } from 'react'; import { useCallback, useEffect, useRef, useState } from 'react';
import { useCloseOnEscape } from '~/utils/hooks/index';
export const useClickOutsideFocus = () => { export const useClickOutsideFocus = () => {
const ref = useRef<HTMLElement>(); const ref = useRef<HTMLElement>();
@ -26,5 +27,7 @@ export const useClickOutsideFocus = () => {
return () => document.removeEventListener('mouseup', deactivator); return () => document.removeEventListener('mouseup', deactivator);
}, [isActive]); }, [isActive]);
useCloseOnEscape(deactivate);
return { ref, isActive, activate, deactivate }; return { ref, isActive, activate, deactivate };
}; };