small linting complaints

Signed-off-by: Paul Sebastian <[email protected]>

public/components/common/search/query_area.tsx

@@ -4,7 +4,7 @@
  */
 
 import { EuiCodeEditor, EuiFlexGroup, EuiFlexItem, EuiPanel } from '@elastic/eui';
-import React, { useEffect } from 'react';
+import React, { useEffect, useMemo } from 'react';
 import { coreRefs } from '../../../framework/core_refs';
 import { QueryAssistInput } from '../../event_analytics/explorer/query_assist/input';
 import { useFetchEvents } from '../../event_analytics/hooks/use_fetch_events';
@@ -29,11 +29,13 @@ export function QueryArea({
   });
 
   // use effect that sets the editor text and populates sidebar field for a particular index upon initialization
+  const memoizedGetAvailableFields = useMemo(() => getAvailableFields, []);
+  const memoizedHandleQueryChange = useMemo(() => handleQueryChange, []);
   useEffect(() => {
     const indexQuery = `source = ${selectedIndex[0].label}`;
-    handleQueryChange(indexQuery);
-    getAvailableFields(indexQuery);
-  }, [selectedIndex[0]]);
+    memoizedHandleQueryChange(indexQuery);
+    memoizedGetAvailableFields(indexQuery);
+  }, [selectedIndex, memoizedGetAvailableFields, memoizedHandleQueryChange]);
 
   return (
     <EuiPanel paddingSize="m">

public/components/event_analytics/explorer/datasources/datasources_selection.tsx

@@ -20,10 +20,9 @@ import { reset as resetCountDistribution } from '../../redux/slices/count_distri
 import { reset as resetFields } from '../../redux/slices/field_slice';
 import { reset as resetPatterns } from '../../redux/slices/patterns_slice';
 import { reset as resetQueryResults } from '../../redux/slices/query_result_slice';
-import { changeData } from '../../redux/slices/query_slice';
+import { changeData, reset as resetQuery } from '../../redux/slices/query_slice';
 import { reset as resetVisualization } from '../../redux/slices/visualization_slice';
 import { reset as resetVisConfig } from '../../redux/slices/viualization_config_slice';
-import { reset as resetQuery } from '../../redux/slices/query_slice';
 import { DirectQueryRequest, SelectedDataSource } from '../../../../../common/types/explorer';
 import { ObservabilityDefaultDataSource } from '../../../../framework/datasources/obs_opensearch_datasource';
 import {

public/components/event_analytics/explorer/events_views/data_grid.scss

@@ -61,7 +61,7 @@
       dt {
         background-color: transparentize(shade($euiColorPrimary, 20%), 0.9);
         color: $euiTextColor;
-        padding: ($euiSizeXS / 2) $euiSizeXS;
+        padding: calc($euiSizeXS / 2) $euiSizeXS;
         margin-right: $euiSizeXS;
         word-break: normal;
         border-radius: $euiBorderRadius;

server/plugin.ts

@@ -134,7 +134,7 @@ export class ObservabilityPlugin
       },
     }));
 
-    assistantDashboards?.registerMessageParser(PPLParsers);
+    // assistantDashboards?.registerMessageParser(PPLParsers);
 
     return {};
   }