From 11ef95ef45da72eef75f45e551282611c4da7f82 Mon Sep 17 00:00:00 2001
From: Usman Baig <mubaig@pm.me>
Date: Sat, 14 Mar 2026 13:40:42 +0100
Subject: [PATCH] fix: use full day names in Peak Hours busiest-time callout

---
 components/dashboard/PeakHours.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/components/dashboard/PeakHours.tsx b/components/dashboard/PeakHours.tsx
index 3fd2057..541ce5c 100644
--- a/components/dashboard/PeakHours.tsx
+++ b/components/dashboard/PeakHours.tsx
@@ -12,6 +12,7 @@ interface PeakHoursProps {
 }
 
 const DAYS = ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
+const DAYS_FULL = ['Mondays', 'Tuesdays', 'Wednesdays', 'Thursdays', 'Fridays', 'Saturdays', 'Sundays']
 const BUCKETS = 12 // 2-hour buckets
 // Label at bucket index 0=00:00, 3=06:00, 6=12:00, 9=18:00
 const BUCKET_LABELS: Record<number, string> = { 0: '00:00', 3: '06:00', 6: '12:00', 9: '18:00' }
@@ -251,7 +252,7 @@ export default function PeakHours({ siteId, dateRange }: PeakHoursProps) {
             >
               Your busiest time is{' '}
               <span className="text-brand-orange font-medium">
-                {DAYS[bestTime.day]}s at {formatHour(bestTime.bucket * 2)}
+                {DAYS_FULL[bestTime.day]} at {formatHour(bestTime.bucket * 2)}
               </span>
             </motion.p>
           )}