단순 키값 연결 라벨로 보여주기

This commit is contained in:
2025-09-19 11:09:21 +09:00
parent a8fc5cbd92
commit ddbf125767

View File

@@ -132,11 +132,15 @@ export const SimpleKeySettings: React.FC<SimpleKeySettingsProps> = ({
<Label className="text-xs font-medium text-gray-600"> From </Label>
<div className="mt-1 flex flex-wrap gap-1">
{selectedFromColumns.length > 0 ? (
selectedFromColumns.map((column) => (
<Badge key={column} variant="outline" className="text-xs">
{column}
</Badge>
))
selectedFromColumns.map((column) => {
const columnInfo = fromTableColumns.find((col) => col.columnName === column);
const displayName = columnInfo?.displayName || columnInfo?.columnLabel || column;
return (
<Badge key={column} variant="outline" className="text-xs">
{displayName}
</Badge>
);
})
) : (
<span className="text-xs text-gray-400"> </span>
)}
@@ -147,11 +151,15 @@ export const SimpleKeySettings: React.FC<SimpleKeySettingsProps> = ({
<Label className="text-xs font-medium text-gray-600"> To </Label>
<div className="mt-1 flex flex-wrap gap-1">
{selectedToColumns.length > 0 ? (
selectedToColumns.map((column) => (
<Badge key={column} variant="secondary" className="text-xs">
{column}
</Badge>
))
selectedToColumns.map((column) => {
const columnInfo = toTableColumns.find((col) => col.columnName === column);
const displayName = columnInfo?.displayName || columnInfo?.columnLabel || column;
return (
<Badge key={column} variant="secondary" className="text-xs">
{displayName}
</Badge>
);
})
) : (
<span className="text-xs text-gray-400"> </span>
)}