Hide saved view menu when opening modals

elastic · Jun 26, 2020 · 7a42a0b · 7a42a0b
1 parent 1b677ed
commit 7a42a0b
Showing 1 changed file with 8 additions and 4 deletions.
diff --git a/x-pack/plugins/infra/public/components/saved_views/toolbar_control.tsx b/x-pack/plugins/infra/public/components/saved_views/toolbar_control.tsx
@@ -57,27 +57,31 @@ export function SavedViewsToolbarControls<ViewState extends { id: string; name:
   const [createModalOpen, setCreateModalOpen] = useState(false);
   const [updateModalOpen, setUpdateModalOpen] = useState(false);
   const openViewListModal = useCallback(() => {
+    hideSavedViewMenu();
     find();
     setViewListModalOpen(true);
-  }, [setViewListModalOpen, find]);
+  }, [setViewListModalOpen, find, hideSavedViewMenu]);
   const closeViewListModal = useCallback(() => {
     setViewListModalOpen(false);
   }, [setViewListModalOpen]);
   const openSaveModal = useCallback(() => {
+    hideSavedViewMenu();
     setIsInvalid(false);
     setCreateModalOpen(true);
-  }, []);
+  }, [hideSavedViewMenu]);
   const openUpdateModal = useCallback(() => {
+    hideSavedViewMenu();
     setIsInvalid(false);
     setUpdateModalOpen(true);
-  }, []);
+  }, [hideSavedViewMenu]);
   const closeModal = useCallback(() => setModalOpen(false), []);
   const closeCreateModal = useCallback(() => setCreateModalOpen(false), []);
   const closeUpdateModal = useCallback(() => setUpdateModalOpen(false), []);
   const loadViews = useCallback(() => {
+    hideSavedViewMenu();
     find();
     setModalOpen(true);
-  }, [find]);
+  }, [find, hideSavedViewMenu]);
   const showSavedViewMenu = useCallback(() => {
     setIsSavedViewMenuOpen(true);
   }, [setIsSavedViewMenuOpen]);