From 195ac19774a6bb1996a17f53ba5dacad74811206 Mon Sep 17 00:00:00 2001
From: Joel <iamjoel007@gmail.com>
Date: Wed, 25 Sep 2024 13:41:56 +0800
Subject: [PATCH] chore: list filter transfer value to array

---
 .../nodes/list-filter/components/filter-condition.tsx | 11 ++++++-----
 .../components/workflow/nodes/list-filter/types.ts    |  2 +-
 2 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/web/app/components/workflow/nodes/list-filter/components/filter-condition.tsx b/web/app/components/workflow/nodes/list-filter/components/filter-condition.tsx
index 4421b73a12..f8c1043761 100644
--- a/web/app/components/workflow/nodes/list-filter/components/filter-condition.tsx
+++ b/web/app/components/workflow/nodes/list-filter/components/filter-condition.tsx
@@ -30,6 +30,7 @@ const FilterCondition: FC<Props> = ({
 }) => {
   const { t } = useTranslation()
   const isSelect = [ComparisonOperator.in, ComparisonOperator.notIn, ComparisonOperator.allOf].includes(condition.comparison_operator)
+  const isTransferMethod = condition.key === 'transfer_method'
   const selectOptions = useMemo(() => {
     if (isSelect) {
       if (condition.key === 'type' || condition.comparison_operator === ComparisonOperator.allOf) {
@@ -38,7 +39,7 @@ const FilterCondition: FC<Props> = ({
           value: item.value,
         }))
       }
-      if (condition.key === 'transfer_method') {
+      if (isTransferMethod) {
         return TRANSFER_METHOD.map(item => ({
           name: t(`${optionNameI18NPrefix}.${item.i18nKey}`),
           value: item.value,
@@ -47,15 +48,15 @@ const FilterCondition: FC<Props> = ({
       return []
     }
     return []
-  }, [condition.comparison_operator, condition.key, isSelect, t])
+  }, [condition.comparison_operator, condition.key, isSelect, t, isTransferMethod])
   const handleChange = useCallback((key: string) => {
     return (value: any) => {
       onChange({
         ...condition,
-        [key]: value,
+        [key]: isTransferMethod ? [value] : value,
       })
     }
-  }, [condition, onChange])
+  }, [condition, onChange, isTransferMethod])
 
   const handleSubVariableChange = useCallback((value: string) => {
     onChange({
@@ -88,7 +89,7 @@ const FilterCondition: FC<Props> = ({
             {isSelect && (
               <Select
                 items={selectOptions}
-                defaultValue={condition.value}
+                defaultValue={isTransferMethod ? (condition.value as string[])[0] : condition.value as string}
                 onSelect={item => handleChange('value')(item.value)}
                 className='!text-[13px]'
                 wrapperClassName='grow h-8'
diff --git a/web/app/components/workflow/nodes/list-filter/types.ts b/web/app/components/workflow/nodes/list-filter/types.ts
index c778f42d94..bdf1c66270 100644
--- a/web/app/components/workflow/nodes/list-filter/types.ts
+++ b/web/app/components/workflow/nodes/list-filter/types.ts
@@ -14,7 +14,7 @@ export type Limit = {
 export type Condition = {
   key: string
   comparison_operator: ComparisonOperator
-  value: string | number
+  value: string | number | string[]
 }
 
 export type ListFilterNodeType = CommonNodeType & {