From adc7bb1d9e0eebc91b51d711e2a152b278f93d9d Mon Sep 17 00:00:00 2001
From: Ammar Ahmed <ammarahmed6506@gmail.com>
Date: Wed, 17 Dec 2025 09:01:58 +0500
Subject: [PATCH] mobile: fix months ordering bug in wrapped

---
 apps/mobile/app/screens/wrapped/index.tsx | 22 ++++++++++++++++++++--
 1 file changed, 20 insertions(+), 2 deletions(-)

diff --git a/apps/mobile/app/screens/wrapped/index.tsx b/apps/mobile/app/screens/wrapped/index.tsx
index 9c367144f..55292657b 100644
--- a/apps/mobile/app/screens/wrapped/index.tsx
+++ b/apps/mobile/app/screens/wrapped/index.tsx
@@ -590,6 +590,21 @@ function AttachmentsSlide({
   );
 }
 
+const MONTHS_IN_ORDER = [
+  "January",
+  "February",
+  "March",
+  "April",
+  "May",
+  "June",
+  "July",
+  "August",
+  "September",
+  "October",
+  "November",
+  "December"
+];
+
 // Summary Slide
 function SummarySlide({
   stats,
@@ -653,7 +668,7 @@ function SummarySlide({
                     gap: 10
                   }}
                 >
-                  {Object.keys(stats.monthlyStats).map((item) => (
+                  {MONTHS_IN_ORDER.map((item) => (
                     <View
                       key={item}
                       style={{
@@ -663,7 +678,10 @@ function SummarySlide({
                     >
                       <View
                         style={{
-                          backgroundColor: colors.primary.accent,
+                          backgroundColor:
+                            stats.monthlyStats[item] === maxCount
+                              ? colors.primary.accent
+                              : colors.primary.icon,
                           height:
                             maxCount > 0
                               ? (stats.monthlyStats[item] / maxCount) * 100