Propagate in existing resources tab alsog

Signed-off-by: Tyler Ohlsen <ohltyler@amazon.com>

Author: ohltyler

public/pages/workflow_detail/tools/resources/resource_flyout.tsx

@@ -18,6 +18,10 @@ interface ResourceFlyoutProps {
   resourceDetails: string;
   onClose: () => void;
   errorMessage?: string;
+  indexName?: string;
+  searchPipelineName?: string;
+  ingestPipelineName?: string;
+  searchQuery?: string;
 }
 
 /**
@@ -36,6 +40,10 @@ export function ResourceFlyout(props: ResourceFlyoutProps) {
           resource={props.resource}
           resourceDetails={props.resourceDetails}
           errorMessage={props.errorMessage}
+          indexName={props.indexName}
+          ingestPipelineName={props.ingestPipelineName}
+          searchPipelineName={props.searchPipelineName}
+          searchQuery={props.searchQuery}
         />
       </EuiFlyoutBody>
     </EuiFlyout>

public/pages/workflow_detail/tools/resources/resource_flyout_content.tsx

@@ -36,7 +36,6 @@ interface ResourceFlyoutContentProps {
  * The static flyout content for a particular workflow resource.
  */
 export function ResourceFlyoutContent(props: ResourceFlyoutContentProps) {
-  console.log('props.searchquery: ', props.searchQuery);
   return (
     <EuiFlexGroup direction="column" gutterSize="xs">
       <EuiFlexItem grow={false}>

public/pages/workflow_detail/tools/resources/resource_list_with_flyout.tsx

@@ -5,6 +5,7 @@
 
 import React, { useState, useEffect } from 'react';
 import { useSelector } from 'react-redux';
+import { getIn, useFormikContext } from 'formik';
 import {
   Direction,
   EuiFlexGroup,
@@ -14,6 +15,7 @@ import {
 } from '@elastic/eui';
 import {
   Workflow,
+  WorkflowFormValues,
   WorkflowResource,
   customStringify,
 } from '../../../../../common';
@@ -41,8 +43,9 @@ interface ResourceListFlyoutProps {
  * action to view more details within a flyout.
  */
 export function ResourceListWithFlyout(props: ResourceListFlyoutProps) {
-  const [allResources, setAllResources] = useState<WorkflowResource[]>([]);
   const dispatch = useAppDispatch();
+  const { values } = useFormikContext<WorkflowFormValues>();
+  const [allResources, setAllResources] = useState<WorkflowResource[]>([]);
   const dataSourceId = getDataSourceId();
   const [resourceDetails, setResourceDetails] = useState<string | undefined>(
     undefined
@@ -176,7 +179,11 @@ export function ResourceListWithFlyout(props: ResourceListFlyoutProps) {
             resource={selectedRowData}
             resourceDetails={resourceDetails}
             onClose={closeFlyout}
-            errorMessage={rowErrorMessage || undefined}
+            errorMessage={rowErrorMessage}
+            indexName={getIn(values, 'ingest.index.name')}
+            ingestPipelineName={getIn(values, 'ingest.pipelineName')}
+            searchPipelineName={getIn(values, 'search.pipelineName')}
+            searchQuery={getIn(values, 'search.request')}
           />
         )}
     </>