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

Build [v1.14.31]

Browse Source
This commit is contained in:
Daniel Bedeleanu
2026-04-25 12:53:41 +03:00
parent d0f166a370
commit de8c5c7135
42 changed files with 441 additions and 354 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
frontend/components/ItemComparisonModal.tsx
View File

@@ -43,7 +43,7 @@ export default function ItemComparisonModal({
return (
<div className="fixed inset-0 z-[200] flex items-center justify-center p-4 lg:p-5 xl:p-6 lg:p-8 xl:p-10 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-border rounded-none p-8 w-full max-w-2xl shadow-none max-h-[90vh] overflow-y-auto">
<div className="flex items-center gap-3 mb-6">
<AlertTriangle size={24} className="text-amber-500" />
<div>
@@ -54,7 +54,7 @@ export default function ItemComparisonModal({
{/* 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="grid grid-cols-3 gap-4 mb-4 pb-4 border-b border-border">
<div className="text-xs font-normal text-muted">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>
@@ -68,8 +68,8 @@ export default function ItemComparisonModal({
return (
<div
key={field.key}
className={`grid grid-cols-3 gap-4 p-3 lg:p-4 xl:p-5 lg:p-6 xl:p-8 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 lg:p-4 xl:p-5 lg:p-6 xl:p-8 rounded-none ${
different ? 'bg-amber-500/10 border border-amber-500/20' : 'bg-surface-bright/30'
}`}
>
<div className="text-sm font-normal text-secondary">{field.label}</div>
@@ -85,7 +85,7 @@ export default function ItemComparisonModal({
</div>
{!hasChanges && (
<div className="p-4 lg:p-5 xl:p-6 lg:p-8 xl:p-10 bg-slate-800/50 rounded-xl mb-6 border border-slate-700">
<div className="p-4 lg:p-5 xl:p-6 lg:p-8 xl:p-10 bg-surface-bright/50 rounded-none mb-6 border border-border">
<p className="text-sm lg:text-base xl:text-lg lg:text-xl xl:text-2xl lg:text-3xl xl:text-4xl text-secondary">✓ Items are identical. No update needed.</p>
</div>
)}
@@ -96,7 +96,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-bright hover:bg-[#222222] text-secondary rounded-none text-sm font-normal cursor-pointer transition-all active:scale-95 disabled:opacity-50 disabled:cursor-not-allowed border border-border focus:ring-2 focus:ring-blue-500 focus:outline-none"
>
<SkipForward size={16} /> Skip
</button>
@@ -105,7 +105,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-blue-600 text-white rounded-none text-sm font-normal cursor-pointer transition-all active:scale-95 disabled:opacity-50 disabled:cursor-not-allowed shadow-none shadow-none focus:ring-2 focus:ring-blue-400 focus:outline-none"
>
{loading ? (
<>