fix relationship search bar

elastic · May 23, 2022 · 5c3b20f · 5c3b20f
1 parent 916ddad
commit 5c3b20f
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 12 deletions.
diff --git a/src/plugins/data_view_management/public/components/edit_index_pattern/edit_index_pattern.tsx b/src/plugins/data_view_management/public/components/edit_index_pattern/edit_index_pattern.tsx
@@ -37,6 +37,10 @@ export interface EditIndexPatternProps extends RouteComponentProps {
   indexPattern: DataView;
 }
 
+export interface SavedObjectRelationWithTitle extends SavedObjectRelation {
+  title: string;
+}
+
 const mappingAPILink = i18n.translate(
   'indexPatternManagement.editIndexPattern.timeFilterLabel.mappingAPILink',
   {
@@ -70,7 +74,7 @@ export const EditIndexPattern = withRouter(
     );
     const [defaultIndex, setDefaultIndex] = useState<string>(uiSettings.get('defaultIndex'));
     const [tags, setTags] = useState<any[]>([]);
-    const [relationships, setRelationships] = useState<SavedObjectRelation[]>([]);
+    const [relationships, setRelationships] = useState<SavedObjectRelationWithTitle[]>([]);
     const [allowedTypes, setAllowedTypes] = useState<SavedObjectManagementTypeInfo[]>([]);
 
     useEffect(() => {
@@ -87,7 +91,7 @@ export const EditIndexPattern = withRouter(
       savedObjectsManagement
         .getRelationships(DATA_VIEW_SAVED_OBJECT_TYPE, indexPattern.id!, allowedAsString)
         .then((resp) => {
-          setRelationships(resp.relations);
+          setRelationships(resp.relations.map((r) => ({ ...r, title: r.meta.title! })));
         });
     }, [savedObjectsManagement, indexPattern, allowedTypes]);
 

diff --git a/...nagement/public/components/edit_index_pattern/relationships_table/relationships_table.tsx b/...nagement/public/components/edit_index_pattern/relationships_table/relationships_table.tsx
@@ -6,7 +6,7 @@
  * Side Public License, v 1.
  */
 
-import React, { useState } from 'react';
+import React from 'react';
 import {
   EuiInMemoryTable,
   HorizontalAlignment,
@@ -63,14 +63,6 @@ export const RelationshipsTable = ({
   relationships: SavedObjectRelation[];
   allowedTypes: SavedObjectManagementTypeInfo[];
 }) => {
-  const [query, setQuery] = useState('');
-
-  const handleOnChange = ({ queryText, error }: { queryText: string; error: unknown }) => {
-    if (!error) {
-      setQuery(queryText);
-    }
-  };
-
   const columns = [
     {
       field: 'type',
@@ -94,7 +86,7 @@ export const RelationshipsTable = ({
       },
     },
     {
-      field: 'meta.title',
+      field: 'title',
       name: titleFieldName,
       description: titleFieldDescription,
       dataType: 'string' as EuiTableDataType,