From 0078f659dbbe96a4648d117e66476808a8234a5e Mon Sep 17 00:00:00 2001
From: abbyhu2000 <abigailhu2000@gmail.com>
Date: Tue, 16 Jul 2024 20:48:20 +0000
Subject: [PATCH] removeFooterRef

Signed-off-by: abbyhu2000 <abigailhu2000@gmail.com>
---
 .../data/public/ui/query_editor/query_editor.tsx       |  3 ---
 .../query_editor_extensions/query_editor_extension.tsx |  5 -----
 .../query_editor_extensions.tsx                        | 10 +---------
 3 files changed, 1 insertion(+), 17 deletions(-)

diff --git a/src/plugins/data/public/ui/query_editor/query_editor.tsx b/src/plugins/data/public/ui/query_editor/query_editor.tsx
index f28625a158c4..e09e7d097728 100644
--- a/src/plugins/data/public/ui/query_editor/query_editor.tsx
+++ b/src/plugins/data/public/ui/query_editor/query_editor.tsx
@@ -161,7 +161,6 @@ export default class QueryEditorUI extends Component<Props, State> {
       !(
         this.headerRef.current &&
         this.bannerRef.current &&
-        this.footerRef.current &&
         this.props.queryLanguage &&
         this.extensionMap &&
         Object.keys(this.extensionMap).length > 0
@@ -175,7 +174,6 @@ export default class QueryEditorUI extends Component<Props, State> {
         configMap={this.extensionMap}
         componentContainer={this.headerRef.current}
         bannerContainer={this.bannerRef.current}
-        footerContainer={this.footerRef.current}
         indexPatterns={this.props.indexPatterns}
         dataSource={this.props.dataSource}
       />
@@ -447,7 +445,6 @@ export default class QueryEditorUI extends Component<Props, State> {
             )}
 
             <div
-              ref={this.footerRef}
               className={
                 this.state.isCollapsed && useQueryEditor
                   ? footerClassName
diff --git a/src/plugins/data/public/ui/query_editor/query_editor_extensions/query_editor_extension.tsx b/src/plugins/data/public/ui/query_editor/query_editor_extensions/query_editor_extension.tsx
index b5d93dab1e74..c72828b9d81d 100644
--- a/src/plugins/data/public/ui/query_editor/query_editor_extensions/query_editor_extension.tsx
+++ b/src/plugins/data/public/ui/query_editor/query_editor_extensions/query_editor_extension.tsx
@@ -15,7 +15,6 @@ interface QueryEditorExtensionProps {
   dependencies: QueryEditorExtensionDependencies;
   componentContainer: Element;
   bannerContainer: Element;
-  footerContainer: Element;
 }
 
 export interface QueryEditorExtensionDependencies {
@@ -110,7 +109,6 @@ export const QueryEditorExtension: React.FC<QueryEditorExtensionProps> = (props)
   console.log('props.config', props.config);
   console.log('banner', props.bannerContainer, banner);
   console.log('component', props.componentContainer, component);
-  console.log('footer', props.footerContainer, component);
   if (!isEnabled) return null;
 
   return (
@@ -121,9 +119,6 @@ export const QueryEditorExtension: React.FC<QueryEditorExtensionProps> = (props)
       <QueryEditorExtensionPortal container={props.componentContainer}>
         {component}
       </QueryEditorExtensionPortal>
-      <QueryEditorExtensionPortal container={props.footerContainer}>
-        {footer}
-      </QueryEditorExtensionPortal>
     </>
   );
 };
diff --git a/src/plugins/data/public/ui/query_editor/query_editor_extensions/query_editor_extensions.tsx b/src/plugins/data/public/ui/query_editor/query_editor_extensions/query_editor_extensions.tsx
index d08c799e1ab7..45b0d076877e 100644
--- a/src/plugins/data/public/ui/query_editor/query_editor_extensions/query_editor_extensions.tsx
+++ b/src/plugins/data/public/ui/query_editor/query_editor_extensions/query_editor_extensions.tsx
@@ -14,17 +14,10 @@ interface QueryEditorExtensionsProps extends QueryEditorExtensionDependencies {
   configMap?: Record<string, QueryEditorExtensionConfig>;
   componentContainer: Element;
   bannerContainer: Element;
-  footerContainer: Element;
 }
 
 const QueryEditorExtensions: React.FC<QueryEditorExtensionsProps> = React.memo((props) => {
-  const {
-    configMap,
-    componentContainer,
-    bannerContainer,
-    footerContainer,
-    ...dependencies
-  } = props;
+  const { configMap, componentContainer, bannerContainer, ...dependencies } = props;
 
   const sortedConfigs = useMemo(() => {
     if (!configMap || Object.keys(configMap).length === 0) return [];
@@ -40,7 +33,6 @@ const QueryEditorExtensions: React.FC<QueryEditorExtensionsProps> = React.memo((
           dependencies={dependencies}
           componentContainer={componentContainer}
           bannerContainer={bannerContainer}
-          footerContainer={footerContainer}
         />
       ))}
     </>