gsadmin/pulse
1
0
Fork 0
mirror of https://github.com/rcourtman/Pulse.git synced 2026-09-22 03:04:03 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(ui): Show single-point sparkline as horizontal line

Browse Source 
When there's only 1 day of AI usage data, the sparkline was invisible
because a single point draws at x=0 with no width. Now draws a
horizontal line across the full width so users can see the value.

This happens when AI has just been enabled and there's only one
day of recorded usage so far.
This commit is contained in:
rcourtman
2025-12-12 13:21:54 +00:00
parent 21abb6ef01
commit e1b37c8acc
1 changed files with 8 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend-modern/src/components/AI/AICostDashboard.tsx
+8 -1
View File
@@ -34,7 +34,14 @@ const TinySparkline: Component<{
const max = Math.max(...values, 0);
const safeMax = max <= 0 ? 1 : max;
const xStep = values.length <= 1 ? 0 : w / (values.length - 1);
// For single point, draw a horizontal line across the middle
if (values.length === 1) {
const y = h - (Math.max(0, values[0]) / safeMax) * h;
// Draw a short horizontal line to make the single point visible
return `M0,${y.toFixed(2)} L${w.toFixed(2)},${y.toFixed(2)}`;
}
const xStep = w / (values.length - 1);
let d = '';
values.forEach((v, idx) => {
const x = idx * xStep;