[INLONG-11465][Dashboard] The sink drop-down box supports search (#11466

)
apache · Nov 7, 2024 · d154169 · d154169
1 parent ad35873
commit d154169
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/inlong-dashboard/src/ui/pages/GroupDetail/Audit/config.tsx b/inlong-dashboard/src/ui/pages/GroupDetail/Audit/config.tsx
@@ -166,6 +166,7 @@ export const getFormContent = (
   csvData,
   fileName,
   setInlongStreamID,
+  inlongStreamId,
 ) => [
   {
     type: 'select',
@@ -219,7 +220,7 @@ export const getFormContent = (
             pageNum: 1,
             pageSize: 100,
             inlongGroupId,
-            inlongStreamId: values.inlongStreamId,
+            inlongStreamId: inlongStreamId,
           },
         }),
         requestParams: {
@@ -230,6 +231,9 @@ export const getFormContent = (
             })) || [],
         },
       },
+      filterOption: (keyword: string, option: { label: any }) => {
+        return (option?.label ?? '').toLowerCase().includes(keyword.toLowerCase());
+      },
     }),
   },
   {

diff --git a/inlong-dashboard/src/ui/pages/GroupDetail/Audit/index.tsx b/inlong-dashboard/src/ui/pages/GroupDetail/Audit/index.tsx
@@ -162,6 +162,7 @@ const Comp: React.FC<Props> = ({ inlongGroupId }) => {
             csvData,
             fileName,
             setInlongStreamID,
+            inlongStreamID,
           )}
           style={{ marginBottom: 30, gap: 10 }}
           onFilter={allValues =>