From 7bb70bdd3b2ca305441ceab3ba879c42b625de53 Mon Sep 17 00:00:00 2001
From: kjs <kjs@wace.me>
Date: Wed, 1 Oct 2025 17:23:18 +0900
Subject: [PATCH] =?UTF-8?q?fix:=20ActionConditionBuilder=20=EB=AA=A8?=
 =?UTF-8?q?=EB=93=A0=20Select=20=EC=A4=91=EB=B3=B5=20=ED=82=A4=20=EC=88=98?=
 =?UTF-8?q?=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

수정된 위치:
- line 271: fromColumns (소스 필드)
- line 289: toColumns (소스 필드)
- line 623: fromColumns (필드 매핑)
- line 638: toColumns (필드 매핑)
- line 737: getAvailableFieldsForMapping (대상 필드)

모든 .map() 앞에 .filter() 추가:
- 빈 columnName 제외
- 중복 키 방지
- React 경고 해결
---
 .../ActionConfig/ActionConditionBuilder.tsx   | 100 ++++++++++--------
 1 file changed, 55 insertions(+), 45 deletions(-)

diff --git a/frontend/components/dataflow/connection/redesigned/RightPanel/ActionConfig/ActionConditionBuilder.tsx b/frontend/components/dataflow/connection/redesigned/RightPanel/ActionConfig/ActionConditionBuilder.tsx
index cf6ffed4..85c0656c 100644
--- a/frontend/components/dataflow/connection/redesigned/RightPanel/ActionConfig/ActionConditionBuilder.tsx
+++ b/frontend/components/dataflow/connection/redesigned/RightPanel/ActionConfig/ActionConditionBuilder.tsx
@@ -268,17 +268,19 @@ const ActionConditionBuilder: React.FC<ActionConditionBuilderProps> = ({
             {fromColumns.length > 0 && (
               <>
                 <div className="text-muted-foreground px-2 py-1 text-xs font-medium">FROM 테이블</div>
-                {fromColumns.map((column) => (
-                  <SelectItem key={`from_${column.columnName}`} value={`from.${column.columnName}`}>
-                    <div className="flex items-center gap-2">
-                      <span className="text-blue-600">📤</span>
-                      <span>{column.displayName || column.columnName}</span>
-                      <Badge variant="outline" className="text-xs">
-                        {column.webType || column.dataType}
-                      </Badge>
-                    </div>
-                  </SelectItem>
-                ))}
+                {fromColumns
+                  .filter((column) => column.columnName) // 빈 문자열 제외
+                  .map((column) => (
+                    <SelectItem key={`from_${column.columnName}`} value={`from.${column.columnName}`}>
+                      <div className="flex items-center gap-2">
+                        <span className="text-blue-600">📤</span>
+                        <span>{column.displayName || column.columnName}</span>
+                        <Badge variant="outline" className="text-xs">
+                          {column.webType || column.dataType}
+                        </Badge>
+                      </div>
+                    </SelectItem>
+                  ))}
               </>
             )}
 
@@ -286,15 +288,17 @@ const ActionConditionBuilder: React.FC<ActionConditionBuilderProps> = ({
             {toColumns.length > 0 && (
               <>
                 <div className="text-muted-foreground px-2 py-1 text-xs font-medium">TO 테이블</div>
-                {toColumns.map((column) => (
-                  <SelectItem key={`to_${column.columnName}`} value={`to.${column.columnName}`}>
-                    <div className="flex items-center gap-2">
-                      <span className="text-green-600">📥</span>
-                      <span>{column.displayName || column.columnName}</span>
-                      <Badge variant="outline" className="text-xs">
-                        {column.webType || column.dataType}
-                      </Badge>
-                    </div>
+                {toColumns
+                  .filter((column) => column.columnName) // 빈 문자열 제외
+                  .map((column) => (
+                    <SelectItem key={`to_${column.columnName}`} value={`to.${column.columnName}`}>
+                      <div className="flex items-center gap-2">
+                        <span className="text-green-600">📥</span>
+                        <span>{column.displayName || column.columnName}</span>
+                        <Badge variant="outline" className="text-xs">
+                          {column.webType || column.dataType}
+                        </Badge>
+                      </div>
                   </SelectItem>
                 ))}
               </>
@@ -616,14 +620,16 @@ const ActionConditionBuilder: React.FC<ActionConditionBuilderProps> = ({
                                     <div className="text-muted-foreground px-2 py-1 text-xs font-medium">
                                       FROM 테이블
                                     </div>
-                                    {fromColumns.map((column) => (
-                                      <SelectItem key={`from_${column.columnName}`} value={`from.${column.columnName}`}>
-                                        <div className="flex items-center gap-2">
-                                          <span className="text-blue-600">📤</span>
-                                          <span>{column.displayName || column.columnName}</span>
-                                        </div>
-                                      </SelectItem>
-                                    ))}
+                                    {fromColumns
+                                      .filter((column) => column.columnName) // 빈 문자열 제외
+                                      .map((column) => (
+                                        <SelectItem key={`from_${column.columnName}`} value={`from.${column.columnName}`}>
+                                          <div className="flex items-center gap-2">
+                                            <span className="text-blue-600">📤</span>
+                                            <span>{column.displayName || column.columnName}</span>
+                                          </div>
+                                        </SelectItem>
+                                      ))}
                                   </>
                                 )}
 
@@ -631,13 +637,15 @@ const ActionConditionBuilder: React.FC<ActionConditionBuilderProps> = ({
                                 {toColumns.length > 0 && (
                                   <>
                                     <div className="text-muted-foreground px-2 py-1 text-xs font-medium">TO 테이블</div>
-                                    {toColumns.map((column) => (
-                                      <SelectItem key={`to_${column.columnName}`} value={`to.${column.columnName}`}>
-                                        <div className="flex items-center gap-2">
-                                          <span className="text-green-600">📥</span>
-                                          <span>{column.displayName || column.columnName}</span>
-                                        </div>
-                                      </SelectItem>
+                                    {toColumns
+                                      .filter((column) => column.columnName) // 빈 문자열 제외
+                                      .map((column) => (
+                                        <SelectItem key={`to_${column.columnName}`} value={`to.${column.columnName}`}>
+                                          <div className="flex items-center gap-2">
+                                            <span className="text-green-600">📥</span>
+                                            <span>{column.displayName || column.columnName}</span>
+                                          </div>
+                                        </SelectItem>
                                     ))}
                                   </>
                                 )}
@@ -733,16 +741,18 @@ const ActionConditionBuilder: React.FC<ActionConditionBuilderProps> = ({
                           <SelectValue placeholder="대상 필드" />
                         </SelectTrigger>
                         <SelectContent>
-                          {getAvailableFieldsForMapping(index).map((column) => (
-                            <SelectItem key={column.columnName} value={column.columnName}>
-                              <div className="flex items-center gap-2">
-                                <span>{column.displayName || column.columnName}</span>
-                                <Badge variant="outline" className="text-xs">
-                                  {column.webType || column.dataType}
-                                </Badge>
-                              </div>
-                            </SelectItem>
-                          ))}
+                          {getAvailableFieldsForMapping(index)
+                            .filter((column) => column.columnName) // 빈 문자열 제외
+                            .map((column) => (
+                              <SelectItem key={column.columnName} value={column.columnName}>
+                                <div className="flex items-center gap-2">
+                                  <span>{column.displayName || column.columnName}</span>
+                                  <Badge variant="outline" className="text-xs">
+                                    {column.webType || column.dataType}
+                                  </Badge>
+                                </div>
+                              </SelectItem>
+                            ))}
                         </SelectContent>
                       </Select>