From d499eedb705bc956a723e40e1bf46cee0f3c3e92 Mon Sep 17 00:00:00 2001
From: Tanner <git@tanner.vc>
Date: Tue, 25 Aug 2026 19:52:59 +0000
Subject: [PATCH] refactor: stack soil moisture charts with MultiLineChart

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

diff --git a/client/src/App.js b/client/src/App.js
index 914eca6..6cc815b 100644
--- a/client/src/App.js
+++ b/client/src/App.js
@@ -883,9 +883,17 @@ function Graphs({end, duration}) {
 				unitKey='Hpa'
 			/>
 			<WH51Soil name='Side Garden Soil Moisture' sensorName='Side Garden' end={end} duration={duration} />
-			<Soil name='Dumb Cane Soil Moisture' sensorName='Dumb Cane' end={end} duration={duration} />
-			<Soil name='Kitchen Pothos Soil Moisture' sensorName='Kitchen Pothos' end={end} duration={duration} />
-			<Soil name='Dracaena Soil Moisture' sensorName='Dracaena' end={end} duration={duration} />
+			<MultiLineChart
+				title='Soil Moisture'
+				measurement='soil'
+				dataKey='soil'
+				sensors={['Dumb Cane', 'Kitchen Pothos', 'Dracaena']}
+				colors={['black', 'red', 'blue']}
+				end={end}
+				duration={duration}
+				yDomain={[0, 1000]}
+				unitKey='Soil'
+			/>
 
 			{!!api_key ||
 				<div>