From 38a9c535b8f22fc4cf97e210755462df2b757db3 Mon Sep 17 00:00:00 2001
From: Henry Dollman <hank@henrygd.me>
Date: Fri, 27 Sep 2024 13:08:48 -0400
Subject: [PATCH] change x axis time format for 1 week chart and add key

---
 beszel/site/src/components/charts/disk-io-chart.tsx | 1 +
 beszel/site/src/lib/utils.ts                        | 2 +-
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/beszel/site/src/components/charts/disk-io-chart.tsx b/beszel/site/src/components/charts/disk-io-chart.tsx
index a0b91b2..e01080d 100644
--- a/beszel/site/src/components/charts/disk-io-chart.tsx
+++ b/beszel/site/src/components/charts/disk-io-chart.tsx
@@ -84,6 +84,7 @@ export default function DiskIoChart({
 						const color = i ? 'hsl(var(--chart-1))' : 'hsl(var(--chart-3))'
 						return (
 							<Area
+								key={i}
 								dataKey={dataKey}
 								name={action}
 								type="monotoneX"
diff --git a/beszel/site/src/lib/utils.ts b/beszel/site/src/lib/utils.ts
index 5ad0d0c..e6f5327 100644
--- a/beszel/site/src/lib/utils.ts
+++ b/beszel/site/src/lib/utils.ts
@@ -178,7 +178,7 @@ export const chartTimeData: ChartTimeData = {
 		expectedInterval: 60_000 * 120,
 		label: '1 week',
 		ticks: 7,
-		format: (timestamp: string) => formatShortDate(timestamp),
+		format: (timestamp: string) => formatDay(timestamp),
 		getOffset: (endTime: Date) => timeDay.offset(endTime, -7),
 	},
 	'30d': {