From 235928a588b21af8bcd150529cacfe142ad0bee6 Mon Sep 17 00:00:00 2001
From: Christian Vidal Wolf <christianvidalwolf@gmail.com>
Date: Thu, 22 Jan 2026 15:01:41 +0100
Subject: [PATCH] fix: restore Top 50 button visibility in Weekly Sales tab

- WeeklyGrid.tsx: Corrected visibility condition for top50Ranking object structure
- WeeklyGrid.tsx: Verified and improved Top 50 filtering and sorting logic
---
 components/WeeklyGrid.tsx | 50 +++++++++++++++++++++------------------
 1 file changed, 27 insertions(+), 23 deletions(-)

diff --git a/components/WeeklyGrid.tsx b/components/WeeklyGrid.tsx
index 3db2b6e..a252fb8 100644
--- a/components/WeeklyGrid.tsx
+++ b/components/WeeklyGrid.tsx
@@ -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