chpark/vexplor
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

ui 수정 및 시현할 기능 업데이트

Browse Source
This commit is contained in:
leeheejin
2025-10-02 14:34:15 +09:00
parent 2c0dca08b4
commit 3fa410cbe4
168 changed files with 1545 additions and 1066 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
frontend/components/dataflow/connection/redesigned/LeftPanel/MappingInfoPanel.tsx
View File

@@ -35,9 +35,9 @@ export const MappingInfoPanel: React.FC<MappingInfoPanelProps> = ({
</div>
</div>
<div className="bg-red-50 p-3 rounded-lg border border-red-200">
<div className="bg-destructive/10 p-3 rounded-lg border border-destructive/20">
<div className="flex items-center gap-2">
<XCircle className="w-4 h-4 text-red-600" />
<XCircle className="w-4 h-4 text-destructive" />
<span className="text-sm font-medium text-red-800">오류 매핑</span>
</div>
<div className="text-2xl font-bold text-red-900 mt-1">
@@ -45,9 +45,9 @@ export const MappingInfoPanel: React.FC<MappingInfoPanelProps> = ({
</div>
</div>
<div className="bg-blue-50 p-3 rounded-lg border border-blue-200">
<div className="bg-accent p-3 rounded-lg border border-primary/20">
<div className="flex items-center gap-2">
<Database className="w-4 h-4 text-blue-600" />
<Database className="w-4 h-4 text-primary" />
<span className="text-sm font-medium text-blue-800">총 매핑</span>
</div>
<div className="text-2xl font-bold text-blue-900 mt-1">
@@ -88,7 +88,7 @@ export const MappingInfoPanel: React.FC<MappingInfoPanelProps> = ({
? "border-orange-500 bg-orange-50"
: mapping.isValid
? "border-green-200 bg-green-50 hover:border-green-300"
: "border-red-200 bg-red-50 hover:border-red-300"
: "border-destructive/20 bg-destructive/10 hover:border-red-300"
}`}
onClick={() => onMappingSelect(mapping.id)}
>
@@ -126,13 +126,13 @@ export const MappingInfoPanel: React.FC<MappingInfoPanelProps> = ({
{mapping.isValid ? (
<CheckCircle className="w-4 h-4 text-green-600" />
) : (
<XCircle className="w-4 h-4 text-red-600" />
<XCircle className="w-4 h-4 text-destructive" />
)}
</div>
</div>
{mapping.validationMessage && (
<p className="text-xs text-red-600 mt-1">
<p className="text-xs text-destructive mt-1">
{mapping.validationMessage}
</p>
)}