From e28baa5482a5e9edaa65ee3c2cca5c009ba056cb Mon Sep 17 00:00:00 2001
From: Usman Baig <mubaig@pm.me>
Date: Mon, 19 Jan 2026 18:56:50 +0100
Subject: [PATCH] fix: update Chart component to display day ticks in daily
 view and optimize X-axis labels accordingly

---
 components/dashboard/Chart.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/components/dashboard/Chart.tsx b/components/dashboard/Chart.tsx
index 679a29e..bb139e1 100644
--- a/components/dashboard/Chart.tsx
+++ b/components/dashboard/Chart.tsx
@@ -263,6 +263,9 @@ export default function Chart({ data, prevData, stats, prevStats, interval }: Ch
         })()
       : undefined
 
+  // * In daily view, only show the date at each day (12:00 AM / start-of-day mark), no time.
+  const dayTicks = interval === 'day' && chartData.length > 0 ? chartData.map((c) => c.date) : undefined
+
   return (
     <div className="bg-white dark:bg-neutral-900 border border-neutral-200 dark:border-neutral-800 rounded-xl overflow-hidden shadow-sm">
       {/* Stats Header (Interactive Tabs) */}
@@ -383,7 +386,7 @@ export default function Chart({ data, prevData, stats, prevStats, interval }: Ch
                   tickLine={false}
                   axisLine={false}
                   minTickGap={28}
-                  ticks={midnightTicks}
+                  ticks={midnightTicks ?? dayTicks}
                 />
                 <YAxis
                   stroke={colors.axis}