|
1 | 1 | /* |
2 | 2 | Floating ESC telemetry widget (row-positioned like VideoWidget) |
3 | | -
|
4 | | - Notes: |
5 | | - - Uses fake ESC data for now so layout/thresholds can be tested easily. |
6 | | - - Thresholds are user-configurable and stored in localStorage. |
7 | | - - Only the numeric values change colour. |
8 | 3 | */ |
9 | 4 | import { useMemo, useState } from "react" |
10 | 5 | import { ActionIcon, NumberInput, Popover, Stack, Text } from "@mantine/core" |
@@ -144,27 +139,27 @@ export default function EscTelemetryWidget() { |
144 | 139 | return { width, height: clampedHeight } |
145 | 140 | }, [scale, escs]) |
146 | 141 |
|
147 | | - function handleResizeStart(e) { |
148 | | - const startX = e.clientX |
149 | | - const startScale = scale |
150 | | - |
151 | | - const handleMouseMove = (ev) => { |
152 | | - const deltaX = ev.clientX - startX |
153 | | - const scaleChange = deltaX / 200 |
154 | | - const newScale = startScale + scaleChange |
155 | | - const clamped = Math.max(1, Math.min(3, newScale)) |
156 | | - setScale(clamped) |
157 | | - } |
158 | | - |
159 | | - const handleMouseUp = () => { |
160 | | - document.removeEventListener("mousemove", handleMouseMove) |
161 | | - document.removeEventListener("mouseup", handleMouseUp) |
162 | | - } |
163 | | - |
164 | | - document.addEventListener("mousemove", handleMouseMove) |
165 | | - document.addEventListener("mouseup", handleMouseUp) |
| 142 | + function handleResizeStart(e) { |
| 143 | + const startX = e.clientX |
| 144 | + const startScale = scale |
| 145 | + |
| 146 | + const handleMouseMove = (ev) => { |
| 147 | + const deltaX = ev.clientX - startX |
| 148 | + const scaleChange = deltaX / 200 |
| 149 | + const newScale = startScale + scaleChange |
| 150 | + const clamped = Math.max(1, Math.min(3, newScale)) |
| 151 | + setScale(clamped) |
| 152 | + } |
| 153 | + |
| 154 | + const handleMouseUp = () => { |
| 155 | + document.removeEventListener("mousemove", handleMouseMove) |
| 156 | + document.removeEventListener("mouseup", handleMouseUp) |
166 | 157 | } |
167 | 158 |
|
| 159 | + document.addEventListener("mousemove", handleMouseMove) |
| 160 | + document.addEventListener("mouseup", handleMouseUp) |
| 161 | + } |
| 162 | + |
168 | 163 | function updateThreshold(metric, field, value) { |
169 | 164 | const numericValue = Number(value) |
170 | 165 |
|
|
0 commit comments