From 5841e8547b1464c9f1ef8dd580bac010fa190fb3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=81ukasz=20Mierzwa?= <l.mierzwa@gmail.com>
Date: Fri, 21 May 2021 18:27:32 +0100
Subject: [PATCH] fix(ui): pause when grid menu is open

---
 .../Grid/AlertGrid/GridLabelSelect.tsx        | 37 ++++++++++---------
 1 file changed, 20 insertions(+), 17 deletions(-)

diff --git a/ui/src/Components/Grid/AlertGrid/GridLabelSelect.tsx b/ui/src/Components/Grid/AlertGrid/GridLabelSelect.tsx
index 086e0cbdc..de89e15d1 100644
--- a/ui/src/Components/Grid/AlertGrid/GridLabelSelect.tsx
+++ b/ui/src/Components/Grid/AlertGrid/GridLabelSelect.tsx
@@ -24,6 +24,7 @@ import { NewLabelName, StringToOption, OptionT } from "Common/Select";
 import { DropdownSlide } from "Components/Animations/DropdownSlide";
 import { ThemeContext } from "Components/Theme";
 import { useOnClickOutside } from "Hooks/useOnClickOutside";
+import { FetchPauser } from "Components/FetchPauser";
 
 const specialLabels: OptionT[] = [
   { label: "Automatic selection", value: "@auto" },
@@ -126,23 +127,25 @@ const Dropdown: FC<{
   onClose,
 }) => {
   return (
-    <div
-      className="dropdown-menu d-block shadow components-grid-label-select-menu border-0 p-0 m-0"
-      ref={popperRef}
-      style={{
-        fontSize: "1rem",
-        fontWeight: "normal",
-        ...popperStyle,
-      }}
-      data-placement={popperPlacement}
-    >
-      <GridLabelNameSelect
-        alertStore={alertStore}
-        settingsStore={settingsStore}
-        grid={grid}
-        onClose={onClose}
-      />
-    </div>
+    <FetchPauser alertStore={alertStore}>
+      <div
+        className="dropdown-menu d-block shadow components-grid-label-select-menu border-0 p-0 m-0"
+        ref={popperRef}
+        style={{
+          fontSize: "1rem",
+          fontWeight: "normal",
+          ...popperStyle,
+        }}
+        data-placement={popperPlacement}
+      >
+        <GridLabelNameSelect
+          alertStore={alertStore}
+          settingsStore={settingsStore}
+          grid={grid}
+          onClose={onClose}
+        />
+      </div>
+    </FetchPauser>
   );
 };