From 688063413458abacd277f8417bfbe8c02e059574 Mon Sep 17 00:00:00 2001
From: Christian Vidal Wolf <christianvidalwolf@gmail.com>
Date: Mon, 26 Jan 2026 10:41:56 +0100
Subject: [PATCH] feat: add GV (Glance Views) growth percentage indicators in
 Weekly Sales grid

---
 components/WeeklyGrid.tsx | 14 +++++++++-----
 1 file changed, 9 insertions(+), 5 deletions(-)

diff --git a/components/WeeklyGrid.tsx b/components/WeeklyGrid.tsx
index c843360..8879f39 100644
--- a/components/WeeklyGrid.tsx
+++ b/components/WeeklyGrid.tsx
@@ -458,8 +458,9 @@ const WeeklyGrid: React.FC<WeeklyGridProps> = ({ data, top50Ranking, onDrillDown
                                                 <span>€{(weekTotals[week]?.spend || 0).toLocaleString('de-DE', { minimumFractionDigits: 0, maximumFractionDigits: 0 })}</span>
                                                 {renderGrowth(weekTotals[week]?.spend || 0, weekTotals[weeks[idx + 1]]?.spend || 0)}
                                             </div>
-                                            <div className="text-[9px] text-teal-400 font-black tracking-tight mt-0.5">
-                                                GV: {(weekTotals[week]?.gv || 0).toLocaleString('de-DE')}
+                                            <div className="flex items-center justify-center gap-1 text-[9px] text-teal-400 font-black tracking-tight mt-0.5">
+                                                <span>GV: {(weekTotals[week]?.gv || 0).toLocaleString('de-DE')}</span>
+                                                {renderGrowth(weekTotals[week]?.gv || 0, weekTotals[weeks[idx + 1]]?.gv || 0)}
                                             </div>
                                         </div>
                                     </th>
@@ -528,9 +529,12 @@ const WeeklyGrid: React.FC<WeeklyGridProps> = ({ data, top50Ranking, onDrillDown
                                                                     </div>
                                                                 )}
                                                                 {row.gvByWeek?.[week] > 0 && (
-                                                                    <span className={`text-[9px] font-black tracking-tighter ${sortConfig?.key === week && sortConfig.metric === 'gv' ? 'text-teal-300' : 'text-teal-500/70'}`}>
-                                                                        GV: {row.gvByWeek[week].toLocaleString('de-DE')}
-                                                                    </span>
+                                                                    <div className="flex items-center gap-1">
+                                                                        <span className={`text-[9px] font-black tracking-tighter ${sortConfig?.key === week && sortConfig.metric === 'gv' ? 'text-teal-300' : 'text-teal-500/70'}`}>
+                                                                            GV: {row.gvByWeek[week].toLocaleString('de-DE')}
+                                                                        </span>
+                                                                        {renderGrowth(row.gvByWeek[week], row.gvByWeek?.[weeks[idx + 1]] || 0)}
+                                                                    </div>
                                                                 )}
                                                             </div>
                                                         </div>