christianV/CrazeAnalytix
1
0
Fork 0
mirror of https://github.com/christianvidalwolf-prog/CrazeAnalytix.git synced 2026-08-03 16:35:23 +02:00
Code Issues Packages Projects Releases Wiki Activity

feat: auto-sort by ranking (1-50) when Top 50 filter is active in Ads tab

Browse Source
This commit is contained in:
Christian Vidal Wolf
2026-01-26 10:54:50 +01:00
parent 3de971801d
commit 1f1077edcd
1 changed files with 22 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/AdsPerformance.tsx
+22 -7
View File
@@ -184,11 +184,26 @@ const AdsPerformance: React.FC<AdsPerformanceProps> = ({ data, filters, top50Ran
item.title.toLowerCase().includes(searchTerm.toLowerCase()) item.title.toLowerCase().includes(searchTerm.toLowerCase())
); );
result.sort((a, b) => { // Sort: by ranking when Top 50 is active, otherwise by sortConfig
const valA = a[sortConfig.key] as number; if (showOnlyTop50 && top50Ranking) {
const valB = b[sortConfig.key] as number; result.sort((a, b) => {
return sortConfig.direction === 'asc' ? valA - valB : valB - valA; const asinA = a.asin.trim().toUpperCase();
}); const asinB = b.asin.trim().toUpperCase();
const rankA = top50Mode === 'eu'
? (top50Ranking.eu.get(asinA) || 999)
: (top50Ranking.uk.get(asinA) || 999);
const rankB = top50Mode === 'eu'
? (top50Ranking.eu.get(asinB) || 999)
: (top50Ranking.uk.get(asinB) || 999);
return rankA - rankB;
});
} else {
result.sort((a, b) => {
const valA = a[sortConfig.key] as number;
const valB = b[sortConfig.key] as number;
return sortConfig.direction === 'asc' ? valA - valB : valB - valA;
});
}
return result; return result;
}, [aggregatedByAsin, searchTerm, sortConfig, showOnlyTop50, top50Ranking, top50Mode]); }, [aggregatedByAsin, searchTerm, sortConfig, showOnlyTop50, top50Ranking, top50Mode]);
@@ -263,8 +278,8 @@ const AdsPerformance: React.FC<AdsPerformanceProps> = ({ data, filters, top50Ran
<button <button
onClick={() => setShowOnlyTop50(!showOnlyTop50)} onClick={() => setShowOnlyTop50(!showOnlyTop50)}
className={`flex items-center gap-2 px-3 py-1.5 rounded-lg text-xs font-bold transition-all ${showOnlyTop50 className={`flex items-center gap-2 px-3 py-1.5 rounded-lg text-xs font-bold transition-all ${showOnlyTop50
? 'bg-gradient-to-r from-amber-500 to-orange-500 text-white shadow-lg shadow-amber-500/20' ? 'bg-gradient-to-r from-amber-500 to-orange-500 text-white shadow-lg shadow-amber-500/20'
: 'text-slate-400 hover:text-amber-400' : 'text-slate-400 hover:text-amber-400'
}`} }`}
> >
<span className="text-sm">🏆</span> <span className="text-sm">🏆</span>