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

fix(ui): remove yellow/red row backgrounds, keep green only

Browse Source
This commit is contained in:
Christian Vidal Wolf
2026-05-14 20:21:01 +02:00
parent 008a10502b
commit e89f31d9b3
4 changed files with 8 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/ArticleDetails.tsx
+1 -2
View File
@@ -316,8 +316,7 @@ export function ArticleDetails({ data, onEdit, rowStatuses }: ArticleDetailsProp
key={index} key={index}
className={cn( className={cn(
"hover:bg-slate-700/20 transition-colors", "hover:bg-slate-700/20 transition-colors",
saveStatus === 'error' ? "bg-red-400/20 border-l-4 border-l-red-500" : ""
saveStatus === 'pending' ? "bg-yellow-400/20 border-l-4 border-l-yellow-400" : ""
)} )}
> >
<td className="px-3 py-2 font-mono text-indigo-400 truncate" style={{ width: columnWidths[COLUMNS.ARTICLE_NO] }}>{row[COLUMNS.ARTICLE_NO]}</td> <td className="px-3 py-2 font-mono text-indigo-400 truncate" style={{ width: columnWidths[COLUMNS.ARTICLE_NO] }}>{row[COLUMNS.ARTICLE_NO]}</td>
src/components/CosmeticItemsView.tsx
+1 -1
View File
@@ -273,7 +273,7 @@ export function CosmeticItemsView({ data, headers, onSaveRow, onCaptureState, ro
key={articleNo || index} key={articleNo || index}
className={cn( className={cn(
"hover:bg-slate-700/20 transition-colors", "hover:bg-slate-700/20 transition-colors",
status === 'pending' && "bg-amber-500/5" false
)} )}
> >
<td className="px-3 py-2 font-mono text-indigo-400 truncate" style={{ width: 110 }}> <td className="px-3 py-2 font-mono text-indigo-400 truncate" style={{ width: 110 }}>
src/components/MissingDataView.tsx
+4 -4
View File
@@ -461,10 +461,10 @@ export function MissingDataView({ data, headers, onSaveRow, onCaptureState }: Mi
{paginatedData.map(({ row, index, status, daysUntil }) => ( {paginatedData.map(({ row, index, status, daysUntil }) => (
<tr key={index} className={cn( <tr key={index} className={cn(
"hover:bg-slate-700/20 transition-colors", "hover:bg-slate-700/20 transition-colors",
activeTab === 'launchInconsistent' && status === 'error_ready_after_launch' && "bg-red-500/10", false,
activeTab === 'upcomingLaunch' && status === 'warning' && "bg-yellow-500/10", false,
activeTab === 'upcomingLaunch' && status === 'critical' && "bg-red-500/10", false,
activeTab === 'upcomingLaunch' && status === 'past' && "bg-red-600/20" false
)}> )}>
<td className="px-3 py-2 font-mono text-indigo-400 truncate" style={{ width: 100 }}> <td className="px-3 py-2 font-mono text-indigo-400 truncate" style={{ width: 100 }}>
{row[COLUMNS.ARTICLE_NO]} {row[COLUMNS.ARTICLE_NO]}
src/components/ProductDescriptions.tsx
+2 -4
View File
@@ -192,8 +192,7 @@ export function ProductDescriptions({ data, headers, asinColumnIndex, onEdit, ro
]; ];
const filled = fields.filter(Boolean).length; const filled = fields.filter(Boolean).length;
if (filled === 4) return 'bg-green-900/10 hover:bg-green-900/20'; if (filled === 4) return 'bg-green-900/10 hover:bg-green-900/20';
if (filled === 0) return 'bg-red-900/10 hover:bg-red-900/20'; return '';
return 'bg-yellow-900/10 hover:bg-yellow-900/20';
}; };
const Badge = ({ content, row }: { content: any, row: ExcelRow }) => { const Badge = ({ content, row }: { content: any, row: ExcelRow }) => {
@@ -380,8 +379,7 @@ export function ProductDescriptions({ data, headers, asinColumnIndex, onEdit, ro
className={cn( className={cn(
"transition-colors", "transition-colors",
getRowColor(row), getRowColor(row),
saveStatus === 'error' ? "bg-red-400/20 border-l-4 border-l-red-500" : ""
saveStatus === 'pending' ? "bg-yellow-400/20 border-l-4 border-l-yellow-400" : ""
)} )}
> >
<td className="px-4 py-3 font-mono text-slate-300 text-xs truncate" style={{ width: columnWidths[COLUMNS.ARTICLE_NO] }}>{row[COLUMNS.ARTICLE_NO]}</td> <td className="px-4 py-3 font-mono text-slate-300 text-xs truncate" style={{ width: columnWidths[COLUMNS.ARTICLE_NO] }}>{row[COLUMNS.ARTICLE_NO]}</td>