From bf3da633b65c91759d43ceaa6f7ab2899457e45c Mon Sep 17 00:00:00 2001
From: Felix Schulze <admin@schulze.network>
Date: Sat, 10 May 2025 22:13:19 +0200
Subject: [PATCH] color y axis and fix type error

closes #3
---
 src/app/components/FireCalculatorForm.tsx | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/app/components/FireCalculatorForm.tsx b/src/app/components/FireCalculatorForm.tsx
index e2aa6bf..26f9818 100644
--- a/src/app/components/FireCalculatorForm.tsx
+++ b/src/app/components/FireCalculatorForm.tsx
@@ -414,8 +414,8 @@ export default function FireCalculatorForm() {
                           min={25}
                           max={75}
                           step={1}
-                          onValueChange={(value) => {
-                            field.onChange(...value);
+                          onValueChange={(value: number[]) => {
+                            field.onChange(value[0]);
                             void form.handleSubmit(onSubmit)();
                           }}
                           className="py-4"
@@ -475,6 +475,8 @@ export default function FireCalculatorForm() {
                             return value.toString();
                           }}
                           width={30}
+                          stroke="var(--color-orange-500)"
+                          tick={{}}
                         />
                         {/* Left Y axis */}
                         <YAxis
@@ -489,6 +491,7 @@ export default function FireCalculatorForm() {
                             return value.toString();
                           }}
                           width={30}
+                          stroke="var(--color-red-600)"
                         />
                         <ChartTooltip content={tooltipRenderer} />
                         <defs>