bede/tfm_ainventory
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Build [v1.14.24]

Browse Source
This commit is contained in:
Daniel Bedeleanu
2026-04-25 12:04:02 +03:00
parent 33c1555d8c
commit 3257a2cf48
50 changed files with 837 additions and 845 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
frontend/components/ItemComparisonModal.tsx
View File

@@ -43,19 +43,19 @@ export default function ItemComparisonModal({
return (
<div className="fixed inset-0 z-[200] flex items-center justify-center p-4 bg-background/80">
<div className="bg-surface border border-slate-800 rounded-[2.5rem] p-8 w-full max-w-2xl shadow-2xl max-h-[90vh] overflow-y-auto">
<div className="bg-surface border border-outline/30 ] p-8 w-full max-w-2xl shadow-2xl max-h-[90vh] overflow-y-auto">
<div className="flex items-center gap-3 mb-6">
<AlertTriangle size={24} className="text-amber-500" />
<AlertTriangle size={24} className="text-warning" />
<div>
<h3 className="text-xl font-normal text-white">Part Number Already Exists</h3>
<h3 className="text-xl font-normal text-foreground">Part Number Already Exists</h3>
<p className="text-xs text-secondary mt-1">Compare the versions below</p>
</div>
</div>
{/* Comparison Table */}
<div className="space-y-3 mb-8">
<div className="grid grid-cols-3 gap-4 mb-4 pb-4 border-b border-slate-800">
<div className="text-xs font-normal text-muted">Field</div>
<div className="grid grid-cols-3 gap-4 mb-4 pb-4 border-b border-outline/30">
<div className="text-xs font-normal text-secondary">Field</div>
<div className="text-xs font-normal text-secondary">Current (ID: {existingItem?.id})</div>
<div className="text-xs font-normal text-primary">New (Import)</div>
</div>
@@ -68,9 +68,7 @@ export default function ItemComparisonModal({
return (
<div
key={field.key}
className={`grid grid-cols-3 gap-4 p-3 rounded-lg ${
different ? 'bg-amber-500/10 border border-amber-500/20' : 'bg-slate-800/30'
}`}
className={`grid grid-cols-3 gap-4 p-3 ${ different ? 'bg-warning/10 border border-warning/20' : 'bg-surface-container/30' }`}
>
<div className="text-sm font-normal text-secondary">{field.label}</div>
<div className={`text-sm font-mono ${different ? 'text-amber-200' : 'text-secondary'}`}>
@@ -85,7 +83,7 @@ export default function ItemComparisonModal({
</div>
{!hasChanges && (
<div className="p-4 bg-slate-800/50 rounded-xl mb-6 border border-slate-700">
<div className="p-4 bg-surface-container/50 mb-6 border border-outline-variant">
<p className="text-sm text-secondary">✓ Items are identical. No update needed.</p>
</div>
)}
@@ -96,7 +94,7 @@ export default function ItemComparisonModal({
onClick={onSkip}
disabled={loading}
aria-label="Skip this item comparison"
className="flex-1 flex items-center justify-center gap-2 py-4 bg-slate-800 hover:bg-slate-700 text-secondary rounded-2xl text-sm font-normal cursor-pointer transition-all active:scale-95 disabled:opacity-50 disabled:cursor-not-allowed border border-slate-700 focus:ring-2 focus:ring-blue-500 focus:outline-none"
className="flex-1 flex items-center justify-center gap-2 py-4 bg-surface-container hover:bg-surface-bright text-secondary text-sm font-normal cursor-pointer transition-all active:scale-95 disabled:opacity-50 disabled:cursor-not-allowed border border-outline-variant focus:ring-2 focus:ring-primary focus:outline-none"
>
<SkipForward size={16} /> Skip
</button>
@@ -105,7 +103,7 @@ export default function ItemComparisonModal({
onClick={onUpdate}
disabled={loading}
aria-label="Update item with new data"
className="flex-1 flex items-center justify-center gap-2 py-4 bg-primary hover:bg-blue-600 text-white rounded-2xl text-sm font-normal cursor-pointer transition-all active:scale-95 disabled:opacity-50 disabled:cursor-not-allowed shadow-xl shadow-primary/20 focus:ring-2 focus:ring-blue-400 focus:outline-none"
className="flex-1 flex items-center justify-center gap-2 py-4 bg-primary hover:bg-primary text-foreground text-sm font-normal cursor-pointer transition-all active:scale-95 disabled:opacity-50 disabled:cursor-not-allowed shadow-xl shadow-primary/20 focus:ring-2 focus:ring-primary focus:outline-none"
>
{loading ? (
<>