From 72ec5e891e0281689a6590372ed4e5094c20154c Mon Sep 17 00:00:00 2001
From: Laurent Nguyen <laurent.nguyen@microsoft.com>
Date: Wed, 27 Mar 2024 10:38:16 +0100
Subject: [PATCH] Remove debug display

---
 .../Tabs/DocumentsTabV2/DocumentsTabV2.tsx    | 34 +++++++++----------
 1 file changed, 17 insertions(+), 17 deletions(-)

diff --git a/src/Explorer/Tabs/DocumentsTabV2/DocumentsTabV2.tsx b/src/Explorer/Tabs/DocumentsTabV2/DocumentsTabV2.tsx
index 99a954efd..c5dd7e497 100644
--- a/src/Explorer/Tabs/DocumentsTabV2/DocumentsTabV2.tsx
+++ b/src/Explorer/Tabs/DocumentsTabV2/DocumentsTabV2.tsx
@@ -628,13 +628,14 @@ const DocumentsTabComponent: React.FunctionComponent<{
     }
   };
 
-  const onHideFilterClick = (): Q.Promise<any> => {
+  const onHideFilterClick = (): void => {
+    setIsFilterCreated(false);
+
     // this.isFilterExpanded(false);
 
-    $(".filterDocExpanded").removeClass("active");
-    $("#content").removeClass("active");
-    $(".queryButton").focus();
-    return Q();
+    // $(".filterDocExpanded").removeClass("active");
+    // $("#content").removeClass("active");
+    // $(".queryButton").focus();
   };
 
   const onCloseButtonKeyDown: KeyboardEventHandler<HTMLSpanElement> = (event) => {
@@ -1082,7 +1083,6 @@ const DocumentsTabComponent: React.FunctionComponent<{
 
   return (
     <FluentProvider theme={dataExplorerLightTheme} style={{ height: "100%" }}>
-      {editorState}
       <div
         className="tab-pane active"
         /* data-bind="
@@ -1108,7 +1108,7 @@ const DocumentsTabComponent: React.FunctionComponent<{
                 <button
                   className="filterbtnstyle queryButton"
                   onClick={onShowFilterClick}
-                  /*data-bind="click: onShowFilterClick"*/
+                /*data-bind="click: onShowFilterClick"*/
                 >
                   Edit Filter
                 </button>
@@ -1158,14 +1158,14 @@ const DocumentsTabComponent: React.FunctionComponent<{
                       }
                       value={filterContent}
                       onChange={(e) => setFilterContent(e.target.value)}
-                      /*
-        data-bind="
-                  W  attr:{
-                        placeholder:isPreferredApiMongoDB?'Type a query predicate (e.g., {´a´:´foo´}), or choose one from the drop down list, or leave empty to query all documents.':'Type a query predicate (e.g., WHERE c.id=´1´), or choose one from the drop down list, or leave empty to query all documents.'
-                    },
-                    css: { placeholderVisible: filterContent().length === 0 },
-                    textInput: filterContent"
-                    */
+                    /*
+      data-bind="
+                W  attr:{
+                      placeholder:isPreferredApiMongoDB?'Type a query predicate (e.g., {´a´:´foo´}), or choose one from the drop down list, or leave empty to query all documents.':'Type a query predicate (e.g., WHERE c.id=´1´), or choose one from the drop down list, or leave empty to query all documents.'
+                  },
+                  css: { placeholderVisible: filterContent().length === 0 },
+                  textInput: filterContent"
+                  */
                     />
 
                     <datalist id="filtersList" /*data-bind="foreach: lastFilterContents"*/>
@@ -1209,9 +1209,9 @@ const DocumentsTabComponent: React.FunctionComponent<{
                       role="button"
                       aria-label="close filter"
                       tabIndex={0}
-                      onClick={() => onHideFilterClick()}
+                      onClick={onHideFilterClick}
                       onKeyDown={onCloseButtonKeyDown}
-                      /*data-bind="click: onHideFilterClick, event: { keydown: onCloseButtonKeyDown }"*/
+                    /*data-bind="click: onHideFilterClick, event: { keydown: onCloseButtonKeyDown }"*/
                     >
                       <img src={CloseIcon} style={{ height: 14, width: 14 }} alt="Hide filter" />
                     </span>