From 46a3e47cb22c5e896589bbd2f71e50702f47eeb3 Mon Sep 17 00:00:00 2001
From: Fedor Katurov <gotham48@gmail.com>
Date: Wed, 13 Oct 2021 16:18:19 +0700
Subject: [PATCH] also deactivating flow display overlay on escape

---
 src/utils/hooks/useClickOutsideFocus.ts | 3 +++
 1 file changed, 3 insertions(+)

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