fix: tiles in overview consider mapped tags and cats

This commit is contained in:
2026-02-13 15:00:00 +01:00
parent e7b4a5d90f
commit 1ddf0a05e8
2 changed files with 15 additions and 4 deletions

View File

@@ -235,6 +235,11 @@
color: #73c991; color: #73c991;
} }
.import-stat-tag.stat-mapped {
background: rgba(78, 201, 176, 0.15);
color: #4ec9b0;
}
.import-stat-tag.stat-update { .import-stat-tag.stat-update {
background: rgba(117, 190, 255, 0.15); background: rgba(117, 190, 255, 0.15);
color: #75beff; color: #75beff;

View File

@@ -379,8 +379,11 @@ const StatCards: React.FC<{ report: AnalysisReport }> = ({ report }) => (
{report.categories.filter(c => c.existsInProject).length > 0 && ( {report.categories.filter(c => c.existsInProject).length > 0 && (
<span className="import-stat-tag stat-update">{report.categories.filter(c => c.existsInProject).length} existing</span> <span className="import-stat-tag stat-update">{report.categories.filter(c => c.existsInProject).length} existing</span>
)} )}
{report.categories.filter(c => !c.existsInProject).length > 0 && ( {report.categories.filter(c => !c.existsInProject && c.mappedTo).length > 0 && (
<span className="import-stat-tag stat-new">{report.categories.filter(c => !c.existsInProject).length} new</span> <span className="import-stat-tag stat-mapped">{report.categories.filter(c => !c.existsInProject && c.mappedTo).length} mapped</span>
)}
{report.categories.filter(c => !c.existsInProject && !c.mappedTo).length > 0 && (
<span className="import-stat-tag stat-new">{report.categories.filter(c => !c.existsInProject && !c.mappedTo).length} new</span>
)} )}
</div> </div>
</div> </div>
@@ -392,8 +395,11 @@ const StatCards: React.FC<{ report: AnalysisReport }> = ({ report }) => (
{report.tags.filter(t => t.existsInProject).length > 0 && ( {report.tags.filter(t => t.existsInProject).length > 0 && (
<span className="import-stat-tag stat-update">{report.tags.filter(t => t.existsInProject).length} existing</span> <span className="import-stat-tag stat-update">{report.tags.filter(t => t.existsInProject).length} existing</span>
)} )}
{report.tags.filter(t => !t.existsInProject).length > 0 && ( {report.tags.filter(t => !t.existsInProject && t.mappedTo).length > 0 && (
<span className="import-stat-tag stat-new">{report.tags.filter(t => !t.existsInProject).length} new</span> <span className="import-stat-tag stat-mapped">{report.tags.filter(t => !t.existsInProject && t.mappedTo).length} mapped</span>
)}
{report.tags.filter(t => !t.existsInProject && !t.mappedTo).length > 0 && (
<span className="import-stat-tag stat-new">{report.tags.filter(t => !t.existsInProject && !t.mappedTo).length} new</span>
)} )}
</div> </div>
</div> </div>