From 7a825719212690f22832ef6a7c9a060004594228 Mon Sep 17 00:00:00 2001 From: Henry Dollman Date: Mon, 7 Oct 2024 18:19:28 -0400 Subject: [PATCH] add time back to memory chart tooltip --- beszel/site/src/components/charts/mem-chart.tsx | 10 +++++++++- 1 file changed, 9 insertions(+), 1 deletion(-) diff --git a/beszel/site/src/components/charts/mem-chart.tsx b/beszel/site/src/components/charts/mem-chart.tsx index f6d0fe3..cbb9b12 100644 --- a/beszel/site/src/components/charts/mem-chart.tsx +++ b/beszel/site/src/components/charts/mem-chart.tsx @@ -1,7 +1,14 @@ import { Area, AreaChart, CartesianGrid, XAxis, YAxis } from 'recharts' import { ChartContainer, ChartTooltip, ChartTooltipContent } from '@/components/ui/chart' -import { useYAxisWidth, chartTimeData, cn, toFixedFloat, twoDecimalString } from '@/lib/utils' +import { + useYAxisWidth, + chartTimeData, + cn, + toFixedFloat, + twoDecimalString, + formatShortDate, +} from '@/lib/utils' import { useMemo } from 'react' import { useStore } from '@nanostores/react' import { $chartTime } from '@/lib/stores' @@ -72,6 +79,7 @@ export default function MemChart({ a.order - b.order} + labelFormatter={(_, data) => formatShortDate(data[0].payload.created)} contentFormatter={(item) => twoDecimalString(item.value) + ' GB'} indicator="line" />