From 747b73a9c2ba0cfdb302b52fa237d43338597043 Mon Sep 17 00:00:00 2001
From: Christian Vidal Wolf <christianvidalwolf@gmail.com>
Date: Tue, 27 Jan 2026 22:20:30 +0100
Subject: [PATCH] Fix syntax error: undefined variable in ForecastView

---
 components/ForecastView.tsx | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/components/ForecastView.tsx b/components/ForecastView.tsx
index a66db97..7f65152 100644
--- a/components/ForecastView.tsx
+++ b/components/ForecastView.tsx
@@ -35,7 +35,7 @@ const Top50Badge: React.FC<{ rank: number; label: string; theme?: 'amber' | 'ind
 };
 
 const ForecastRow: React.FC<{
-    item: ForecastViewData;
+    item: ProductForecastData;
     activeMonths: string[];
     top50Ranking?: { eu: Map<string, number>; uk: Map<string, number> };
     stockMap?: Map<string, number>;
@@ -471,9 +471,9 @@ const ForecastView: React.FC<ForecastViewProps> = ({ data, filters, top50Ranking
                             </tr>
                         </thead>
                         <tbody className="divide-y divide-slate-800">
-                            {sortedAndFiltered.length > 0 ? (
+                            {sortedProducts.length > 0 ? (
                                 (() => {
-                                    const displayItems = sortedAndFiltered.slice(0, displayCount);
+                                    const displayItems = sortedProducts.slice(0, displayCount);
                                     return (
                                         <>
                                             {displayItems.map(p => (
@@ -485,14 +485,14 @@ const ForecastView: React.FC<ForecastViewProps> = ({ data, filters, top50Ranking
                                                     stockMap={stockMap}
                                                 />
                                             ))}
-                                            {displayCount < sortedAndFiltered.length && (
+                                            {displayCount < sortedProducts.length && (
                                                 <tr>
                                                     <td colSpan={5} className="px-6 py-6 text-center bg-slate-900/40 backdrop-blur-sm border-t border-white/5">
                                                         <button
                                                             onClick={() => setDisplayCount(prev => prev + 100)}
                                                             className="px-6 py-2.5 bg-indigo-600 hover:bg-indigo-500 text-white rounded-xl text-xs font-black uppercase tracking-widest shadow-xl transition-all active:scale-95 border border-indigo-400/30"
                                                         >
-                                                            Load More SKUs ({sortedAndFiltered.length - displayCount} remaining)
+                                                            Load More SKUs ({sortedProducts.length - displayCount} remaining)
                                                         </button>
                                                     </td>
                                                 </tr>