From 3a88b42d7ebe01ed9974f27c7d977cfe28afc8d0 Mon Sep 17 00:00:00 2001
From: Vladimir Klimontovich <vladimir@jitsu.com>
Date: Tue, 5 Dec 2023 11:42:54 -0500
Subject: [PATCH] fix: close sync popup by keyboard

---
 webapps/console/pages/[workspaceId]/syncs/tasks.tsx | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/webapps/console/pages/[workspaceId]/syncs/tasks.tsx b/webapps/console/pages/[workspaceId]/syncs/tasks.tsx
index 98df986b8..36cdefdee 100644
--- a/webapps/console/pages/[workspaceId]/syncs/tasks.tsx
+++ b/webapps/console/pages/[workspaceId]/syncs/tasks.tsx
@@ -21,7 +21,7 @@ import { useRouter } from "next/router";
 import { formatDateOnly, formatTime, SyncTitle } from "./index";
 import { ButtonGroup, ButtonProps } from "../../../components/ButtonGroup/ButtonGroup";
 import { rpc } from "juava";
-import { feedbackError } from "../../../lib/ui";
+import { feedbackError, useKeyboard } from "../../../lib/ui";
 import hash from "object-hash";
 
 dayjs.extend(utc);
@@ -74,9 +74,13 @@ function TaskStatus0({ task }: { task: TasksDbModel & TaskStats }) {
   const SyncStatus: React.FC<PropsWithChildren<{ status: "PARTIAL" | "FAILED" | "SUCCESS" }>> = props => {
     const [showPopover, setShowPopover] = useState(false);
     const handleOpenChange = (newOpen: boolean) => {
-      console.log("handleOpenChange", newOpen);
       setShowPopover(newOpen);
     };
+    useKeyboard("Escape", () => {
+      if (showPopover) {
+        setShowPopover(false);
+      }
+    });
 
     const popoverContent = (
       <div>