From 0d467dde42754d849469525ad802d8243decf4a6 Mon Sep 17 00:00:00 2001
From: Joel <iamjoel007@gmail.com>
Date: Thu, 13 Mar 2025 17:44:13 +0800
Subject: [PATCH] feat: not support filter

---
 .../metadata/metadata-dataset/select-metadata.tsx      | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/web/app/components/datasets/metadata/metadata-dataset/select-metadata.tsx b/web/app/components/datasets/metadata/metadata-dataset/select-metadata.tsx
index 130d291faa..e1050cc7ce 100644
--- a/web/app/components/datasets/metadata/metadata-dataset/select-metadata.tsx
+++ b/web/app/components/datasets/metadata/metadata-dataset/select-metadata.tsx
@@ -1,6 +1,6 @@
 'use client'
 import type { FC } from 'react'
-import React, { useState } from 'react'
+import React, { useMemo, useState } from 'react'
 import type { MetadataItem } from '../types'
 import SearchInput from '@/app/components/base/search-input'
 import { RiAddLine, RiArrowRightUpLine } from '@remixicon/react'
@@ -17,7 +17,7 @@ type Props = {
 }
 
 const SelectMetadata: FC<Props> = ({
-  list,
+  list: notFilteredList,
   onSelect,
   onNew,
   onManage,
@@ -25,6 +25,12 @@ const SelectMetadata: FC<Props> = ({
   const { t } = useTranslation()
 
   const [query, setQuery] = useState('')
+  const list = useMemo(() => {
+    if (!query) return notFilteredList
+    return notFilteredList.filter((item) => {
+      return item.name.toLowerCase().includes(query.toLowerCase())
+    })
+  }, [query, notFilteredList])
   return (
     <div className='w-[320px] pt-2 pb-0 rounded-xl bg-components-panel-bg-blur border-[0.5px] border-components-panel-border shadow-lg backdrop-blur-[5px]'>
       <SearchInput