From 89fbd5651779c555ecd5549102d5a49747f7bde4 Mon Sep 17 00:00:00 2001
From: Tanner <git@tanner.vc>
Date: Wed, 26 Aug 2026 16:44:11 +0000
Subject: [PATCH] feat: convert pressure display from hPa to kPa

Co-authored-by: aider (gemini/gemini-3.1-pro-preview) <aider@aider.chat>
---
 client/src/App.js | 14 ++++++++++----
 1 file changed, 10 insertions(+), 4 deletions(-)

diff --git a/client/src/App.js b/client/src/App.js
index bb27651..20da422 100644
--- a/client/src/App.js
+++ b/client/src/App.js
@@ -29,6 +29,7 @@ const units = {
 	'State': '',
 	'Lux': ' lx',
 	'Hpa': ' hpa',
+	'kPa': ' kPa',
 	'Soil': '',
 };
 
@@ -679,7 +680,7 @@ function Lux({name, sensorName, end, duration}) {
 	);
 }
 
-function MultiLineChart({title, measurement, dataKey, sensors, colors, end, duration, yDomain, unitKey}) {
+function MultiLineChart({title, measurement, dataKey, sensors, colors, end, duration, yDomain, unitKey, transform}) {
 	const [data, setData] = useState(false);
 	const [loading, setLoading] = useState(false);
 
@@ -696,7 +697,11 @@ function MultiLineChart({title, measurement, dataKey, sensors, colors, end, dura
 				const formattedData = res.data.map(d => {
 					const newObj = { time: d.time };
 					sensors.forEach(sensor => {
-						newObj[sensor] = d[`${sensor}_${dataKey}`];
+						let val = d[`${sensor}_${dataKey}`];
+						if (transform && val !== undefined && val !== null) {
+							val = transform(val);
+						}
+						newObj[sensor] = val;
 					});
 					return newObj;
 				});
@@ -911,8 +916,9 @@ function Graphs({end, duration}) {
 				colors={['black', 'red', 'blue']}
 				end={end}
 				duration={duration}
-				yDomain={[870, 915]}
-				unitKey='Hpa'
+				yDomain={[87, 91.5]}
+				unitKey='kPa'
+				transform={v => v / 10}
 			/>
 			<WH51Soil name='Side Garden Soil Moisture' sensorName='Side Garden' end={end} duration={duration} />
 			<MultiLineChart