ciphera-net/pulse
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 15 Wiki Activity

fix: update Chart component to display day ticks in daily view and optimize X-axis labels accordingly

Browse Source
This commit is contained in:
Usman Baig
2026-01-19 18:56:50 +01:00
parent dfe415af40
commit e28baa5482
1 changed files with 4 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
components/dashboard/Chart.tsx
View File

@@ -263,6 +263,9 @@ export default function Chart({ data, prevData, stats, prevStats, interval }: Ch
})() })()
: undefined : 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 ( return (
<div className="bg-white dark:bg-neutral-900 border border-neutral-200 dark:border-neutral-800 rounded-xl overflow-hidden shadow-sm"> <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) */} {/* Stats Header (Interactive Tabs) */}
@@ -383,7 +386,7 @@ export default function Chart({ data, prevData, stats, prevStats, interval }: Ch
tickLine={false} tickLine={false}
axisLine={false} axisLine={false}
minTickGap={28} minTickGap={28}
ticks={midnightTicks} ticks={midnightTicks ?? dayTicks}
/> />
<YAxis <YAxis
stroke={colors.axis} stroke={colors.axis}