christianV/Craze-Data-check
1
0
Fork 0
mirror of https://github.com/christianvidalwolf-prog/Craze-Data-check.git synced 2026-08-03 14:45:24 +02:00
Code Issues Packages Projects Releases Wiki Activity

fix: improve contrast between validated and pending states and fix instant background removal

Browse Source
This commit is contained in:
Christian Vidal Wolf
2026-04-21 08:36:06 +02:00
parent d8f3dfbed3
commit d8c65a22f9
1 changed files with 5 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/PricingView.tsx
+5 -2
View File
@@ -51,6 +51,9 @@ export function PricingView({ data, headers, onSaveRow, onCaptureState, onEdit,
const [filterMode, setFilterMode] = useState<FilterMode>('all_errors'); const [filterMode, setFilterMode] = useState<FilterMode>('all_errors');
const [search, setSearch] = useState(''); const [search, setSearch] = useState('');
const [searchMode, setSearchMode] = useState<'all' | 'selected'>('all'); const [searchMode, setSearchMode] = useState<'all' | 'selected'>('all');
const [columnWidths, setColumnWidths] = useState<Record<string, number>>({});
const [resizingColumn, setResizingColumn] = useState<string | null>(null);
const tableRef = useRef<HTMLTableElement>(null);
const [editingCell, setEditingCell] = useState<EditingCell | null>(null); const [editingCell, setEditingCell] = useState<EditingCell | null>(null);
const [savingCell, setSavingCell] = useState<{ rowIndex: number; colIndex: number } | null>(null); const [savingCell, setSavingCell] = useState<{ rowIndex: number; colIndex: number } | null>(null);
const inputRef = useRef<HTMLInputElement>(null); const inputRef = useRef<HTMLInputElement>(null);
@@ -891,11 +894,11 @@ export function PricingView({ data, headers, onSaveRow, onCaptureState, onEdit,
className={cn( className={cn(
'border-b border-slate-700/50 transition-colors hover:bg-slate-700/20', 'border-b border-slate-700/50 transition-colors hover:bg-slate-700/20',
isValidated isValidated
? 'bg-emerald-500/5' ? 'bg-emerald-500/10'
: saveStatus === 'error' : saveStatus === 'error'
? 'bg-red-400/20 border-l-4 border-l-red-500' ? 'bg-red-400/20 border-l-4 border-l-red-500'
: saveStatus === 'pending' : saveStatus === 'pending'
? 'bg-yellow-400/20 border-l-4 border-l-yellow-400' ? 'bg-amber-400/20 border-l-4 border-l-amber-400'
: isCritical : isCritical
? 'bg-red-950/20' ? 'bg-red-950/20'
: pricingErrors.length > 0 : pricingErrors.length > 0