From 460e2a8002a5114023172fb40c15cde8da5c00fb Mon Sep 17 00:00:00 2001
From: Mathias Wagner <germannewsmaker@gmail.com>
Date: Sun, 12 Jun 2022 15:45:58 +0200
Subject: [PATCH] The tooltips now hide when a dialog is open

---
 client/src/context/DialogContext.js | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)

diff --git a/client/src/context/DialogContext.js b/client/src/context/DialogContext.js
index 7c8cf3f8..32b3ac1c 100644
--- a/client/src/context/DialogContext.js
+++ b/client/src/context/DialogContext.js
@@ -13,19 +13,35 @@ const Dialog = ({dialog, setDialog}) => {
             e.preventDefault();
             submit();
         }
+        if (e.key === "Escape") {
+            e.preventDefault();
+            closeDialog();
+        }
     }
 
     function updateValue(e) {
         setValue(e.target.value);
     }
 
+    function hideTooltips(state) {
+        Array.from(document.getElementsByClassName("tooltip")).forEach(element => {
+            if (state && !element.classList.contains("tooltip-invisible")) {
+                element.classList.add("tooltip-invisible");
+            } else if (!state && element.classList.contains("tooltip-invisible")) {
+                element.classList.remove("tooltip-invisible");
+            }
+        });
+    }
+
     function closeDialog() {
         setDialog();
+        hideTooltips(false);
         if (dialog.onClose) dialog.onClose();
     }
 
     function submit() {
         setDialog();
+        hideTooltips(false);
         if (dialog.onSuccess) dialog.onSuccess(value);
     }
 
@@ -34,6 +50,8 @@ const Dialog = ({dialog, setDialog}) => {
         if (dialog.onClear) dialog.onClear();
     }
 
+    hideTooltips(true);
+
     if (dialog.speedtest) {
         dialog.promise.then(res => {
             if (res.status === 409) {