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

This commit is contained in:
hyeonsu 2025-09-19 11:09:21 +09:00
parent a8fc5cbd92
commit ddbf125767
1 changed files with 18 additions and 10 deletions

View File

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