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

fix: restore Top 50 button visibility in Weekly Sales tab

Browse Source 
- WeeklyGrid.tsx: Corrected visibility condition for top50Ranking object structure
- WeeklyGrid.tsx: Verified and improved Top 50 filtering and sorting logic
This commit is contained in:
Christian Vidal Wolf
2026-01-22 15:01:41 +01:00
parent 183ca6b149
commit 235928a588
1 changed files with 27 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/WeeklyGrid.tsx
+27 -23
View File
@@ -287,29 +287,33 @@ const WeeklyGrid: React.FC<WeeklyGridProps> = ({ data, top50Ranking, onDrillDown
</div>
{/* Top 50 Filter Toggle */}
{top50Ranking && top50Ranking.size > 0 && (
<button
onClick={() => {
const newMode = !showOnlyTop50;
setShowOnlyTop50(newMode);
if (newMode) {
handleSort('rank', 'rank');
}
}}
className={`flex items-center gap-2 px-3 py-1.5 rounded-lg text-xs font-bold transition-all border ${showOnlyTop50
? 'bg-gradient-to-r from-amber-500 to-orange-500 text-white border-amber-400 shadow-lg shadow-amber-500/20'
: 'bg-slate-950/50 text-slate-400 border-white/10 hover:border-amber-500/50 hover:text-amber-400'
}`}
>
<span className="text-sm">🏆</span>
Top 50 Only
{showOnlyTop50 && (
<svg className="w-3 h-3" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path strokeLinecap="round" strokeLinejoin="round" strokeWidth={3} d="M5 13l4 4L19 7" />
</svg>
)}
</button>
)}
{top50Ranking && (
(top50Ranking.overall?.size || 0) > 0 ||
(top50Ranking.eu?.size || 0) > 0 ||
(top50Ranking.uk?.size || 0) > 0
) && (
<button
onClick={() => {
const newMode = !showOnlyTop50;
setShowOnlyTop50(newMode);
if (newMode) {
handleSort('rank', 'rank');
}
}}
className={`flex items-center gap-2 px-3 py-1.5 rounded-lg text-xs font-bold transition-all border ${showOnlyTop50
? 'bg-gradient-to-r from-amber-500 to-orange-500 text-white border-amber-400 shadow-lg shadow-amber-500/20'
: 'bg-slate-950/50 text-slate-400 border-white/10 hover:border-amber-500/50 hover:text-amber-400'
}`}
>
<span className="text-sm">🏆</span>
Top 50 Only
{showOnlyTop50 && (
<svg className="w-3 h-3" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path strokeLinecap="round" strokeLinejoin="round" strokeWidth={3} d="M5 13l4 4L19 7" />
</svg>
)}
</button>
)}
{/* Export Button */}
<button