christianV/CrazeAnalytix
1
0
Fork 0
mirror of https://github.com/christianvidalwolf-prog/CrazeAnalytix.git synced 2026-08-03 14:55:23 +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> </div>
{/* Top 50 Filter Toggle */} {/* Top 50 Filter Toggle */}
{top50Ranking && top50Ranking.size > 0 && ( {top50Ranking && (
<button (top50Ranking.overall?.size || 0) > 0 ||
onClick={() => { (top50Ranking.eu?.size || 0) > 0 ||
const newMode = !showOnlyTop50; (top50Ranking.uk?.size || 0) > 0
setShowOnlyTop50(newMode); ) && (
if (newMode) { <button
handleSort('rank', 'rank'); onClick={() => {
} const newMode = !showOnlyTop50;
}} setShowOnlyTop50(newMode);
className={`flex items-center gap-2 px-3 py-1.5 rounded-lg text-xs font-bold transition-all border ${showOnlyTop50 if (newMode) {
? 'bg-gradient-to-r from-amber-500 to-orange-500 text-white border-amber-400 shadow-lg shadow-amber-500/20' handleSort('rank', 'rank');
: 'bg-slate-950/50 text-slate-400 border-white/10 hover:border-amber-500/50 hover:text-amber-400' }
}`} }}
> className={`flex items-center gap-2 px-3 py-1.5 rounded-lg text-xs font-bold transition-all border ${showOnlyTop50
<span className="text-sm">🏆</span> ? 'bg-gradient-to-r from-amber-500 to-orange-500 text-white border-amber-400 shadow-lg shadow-amber-500/20'
Top 50 Only : 'bg-slate-950/50 text-slate-400 border-white/10 hover:border-amber-500/50 hover:text-amber-400'
{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" /> <span className="text-sm">🏆</span>
</svg> Top 50 Only
)} {showOnlyTop50 && (
</button> <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 */} {/* Export Button */}
<button <button