From 1742931a20b7ff406acd5fe76db20734b79ee661 Mon Sep 17 00:00:00 2001
From: Guntis Smaukstelis <gsmaukstelis@evolution.com>
Date: Thu, 20 Mar 2025 22:17:28 +0200
Subject: [PATCH] Map values toFixed(1) and round option

---
 web/src/components/map/MapView.tsx    | 10 ++++++++++
 web/src/components/map/WindInputs.tsx | 10 ----------
 web/src/components/map/canvasDraw.ts  |  2 +-
 3 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/web/src/components/map/MapView.tsx b/web/src/components/map/MapView.tsx
index e3e1ea0..07aa359 100644
--- a/web/src/components/map/MapView.tsx
+++ b/web/src/components/map/MapView.tsx
@@ -84,6 +84,16 @@ export const MapView: Component<{ type: MapResolution, data: () => ResultKeyVal[
         <>
             <div class="grid-1-2">
                 <div>
+                    <div>
+                        <label>
+                            <input
+                                type="checkbox"
+                                checked={windSignals.roundValues[0]()}
+                                onChange={e => windSignals.roundValues[1](e.target.checked)}
+                            />
+                            Round values
+                        </label>
+                    </div>
                     { props.showWind && <WindInputs signals={windSignals} /> }
                 </div>
                 <div><IconInputs weatherIconsSingal={weatherIconsSingal} /></div>
diff --git a/web/src/components/map/WindInputs.tsx b/web/src/components/map/WindInputs.tsx
index b943d3d..068009b 100644
--- a/web/src/components/map/WindInputs.tsx
+++ b/web/src/components/map/WindInputs.tsx
@@ -17,16 +17,6 @@ export const WindInputs: Component<{signals: WindSignals}> = (
 ) => {
     return (
     <>
-        <div>
-            <label>
-                <input
-                    type="checkbox"
-                    checked={getRoundValues()}
-                    onChange={e => setRoundValues(e.target.checked)}
-                />
-                Round values
-            </label>
-        </div>
         <div>
             <input
                 type="text"
diff --git a/web/src/components/map/canvasDraw.ts b/web/src/components/map/canvasDraw.ts
index 634dc22..2b37468 100644
--- a/web/src/components/map/canvasDraw.ts
+++ b/web/src/components/map/canvasDraw.ts
@@ -39,7 +39,7 @@ export function drawOnMap(
         ctx.textAlign = "center";
         ctx.textBaseline = "middle";
         ctx.fillStyle = "#000000";
-        const numericValue = roundValues ? Math.round(value) : value;
+        const numericValue = roundValues ? Math.round(value) : value.toFixed(1);
         const stringValue = numericValue.toString().replace(".", ",");
         ctx.fillText(stringValue, localX, localY);