diff --git a/frontend/components/dataflow/ConnectionSetupModal.tsx b/frontend/components/dataflow/ConnectionSetupModal.tsx index b0c27fe9..781d7c33 100644 --- a/frontend/components/dataflow/ConnectionSetupModal.tsx +++ b/frontend/components/dataflow/ConnectionSetupModal.tsx @@ -185,6 +185,9 @@ export const ConnectionSetupModal: React.FC = ({ // 모달이 열릴 때 기본값 설정 useEffect(() => { if (isOpen && connection) { + // 모달이 열릴 때마다 캐시 초기화 (라벨 업데이트 반영) + setTableColumnsCache({}); + const fromTableName = connection.fromNode.tableName; const toTableName = connection.toNode.tableName; const fromDisplayName = connection.fromNode.displayName; @@ -283,8 +286,8 @@ export const ConnectionSetupModal: React.FC = ({ }, [selectedFromColumns, selectedToColumns]); // 테이블 컬럼 로드 함수 (캐시 활용) - const loadTableColumns = async (tableName: string): Promise => { - if (tableColumnsCache[tableName]) { + const loadTableColumns = async (tableName: string, forceReload = false): Promise => { + if (tableColumnsCache[tableName] && !forceReload) { return tableColumnsCache[tableName]; } diff --git a/frontend/components/dataflow/condition/ConditionRenderer.tsx b/frontend/components/dataflow/condition/ConditionRenderer.tsx index 88a1dbff..17c38bf9 100644 --- a/frontend/components/dataflow/condition/ConditionRenderer.tsx +++ b/frontend/components/dataflow/condition/ConditionRenderer.tsx @@ -172,7 +172,7 @@ export const ConditionRenderer: React.FC = ({ {fromTableColumns.map((column) => ( - {column.columnName} + {column.displayName || column.columnLabel || column.columnName} ))} diff --git a/frontend/components/dataflow/connection/ActionConditionRenderer.tsx b/frontend/components/dataflow/connection/ActionConditionRenderer.tsx index fb542ebc..6c0cb933 100644 --- a/frontend/components/dataflow/connection/ActionConditionRenderer.tsx +++ b/frontend/components/dataflow/connection/ActionConditionRenderer.tsx @@ -214,13 +214,13 @@ export const ActionConditionRenderer: React.FC = ( {condition.tableType === "from" && fromTableColumns.map((column) => ( - {column.columnName} + {column.displayName || column.columnLabel || column.columnName} ))} {condition.tableType === "to" && toTableColumns.map((column) => ( - {column.columnName} + {column.displayName || column.columnLabel || column.columnName} ))} diff --git a/frontend/components/dataflow/connection/ActionFieldMappings.tsx b/frontend/components/dataflow/connection/ActionFieldMappings.tsx index dcd56cf6..008b6a32 100644 --- a/frontend/components/dataflow/connection/ActionFieldMappings.tsx +++ b/frontend/components/dataflow/connection/ActionFieldMappings.tsx @@ -154,7 +154,7 @@ export const ActionFieldMappings: React.FC = ({ tableColumnsCache[mapping.sourceTable]?.map((column) => (
- {column.columnName} + {column.displayName || column.columnLabel || column.columnName}
))} @@ -200,7 +200,7 @@ export const ActionFieldMappings: React.FC = ({ tableColumnsCache[mapping.targetTable]?.map((column) => (
- {column.columnName} + {column.displayName || column.columnLabel || column.columnName}
))} diff --git a/frontend/components/dataflow/connection/ActionSplitConfig.tsx b/frontend/components/dataflow/connection/ActionSplitConfig.tsx index 9538a50a..685c85a1 100644 --- a/frontend/components/dataflow/connection/ActionSplitConfig.tsx +++ b/frontend/components/dataflow/connection/ActionSplitConfig.tsx @@ -90,7 +90,7 @@ export const ActionSplitConfig: React.FC = ({ {fromTableColumns.map((column) => ( - {column.columnName} + {column.displayName || column.columnLabel || column.columnName} ))} @@ -117,7 +117,7 @@ export const ActionSplitConfig: React.FC = ({ {toTableColumns.map((column) => ( - {column.columnName} + {column.displayName || column.columnLabel || column.columnName} ))} diff --git a/frontend/components/dataflow/connection/ColumnTableSection.tsx b/frontend/components/dataflow/connection/ColumnTableSection.tsx index 0edbd0a6..eff8ba18 100644 --- a/frontend/components/dataflow/connection/ColumnTableSection.tsx +++ b/frontend/components/dataflow/connection/ColumnTableSection.tsx @@ -198,7 +198,9 @@ export const ColumnTableSection: React.FC = ({
- {column.columnName} + + {column.displayName || column.columnLabel || column.columnName} + {isSelected && } {isMapped && } {oppositeSelectedColumn && !isTypeCompatible && ( @@ -264,7 +266,9 @@ export const ColumnTableSection: React.FC = ({ >
- {column.columnName} + + {column.displayName || column.columnLabel || column.columnName} + {isSelected && } {oppositeSelectedColumn && !isTypeCompatible && ( diff --git a/frontend/components/dataflow/connection/SimpleKeySettings.tsx b/frontend/components/dataflow/connection/SimpleKeySettings.tsx index c5fc5abe..57b5dd91 100644 --- a/frontend/components/dataflow/connection/SimpleKeySettings.tsx +++ b/frontend/components/dataflow/connection/SimpleKeySettings.tsx @@ -83,7 +83,7 @@ export const SimpleKeySettings: React.FC = ({ }} className="rounded" /> - {column.columnName} + {column.displayName || column.columnLabel || column.columnName} ({column.dataType}) ))} @@ -112,7 +112,7 @@ export const SimpleKeySettings: React.FC = ({ }} className="rounded" /> - {column.columnName} + {column.displayName || column.columnLabel || column.columnName} ({column.dataType}) ))}