From 9065771cdfbc4efa44c3c449c6bcfa823d7af766 Mon Sep 17 00:00:00 2001
From: Josh Hawkins <32435876+hawkeye217@users.noreply.github.com>
Date: Mon, 9 Dec 2024 11:54:58 -0600
Subject: [PATCH] add units to zone edit pane

---
 web/src/components/settings/ZoneEditPane.tsx | 32 +++++++++++++++++---
 1 file changed, 28 insertions(+), 4 deletions(-)

diff --git a/web/src/components/settings/ZoneEditPane.tsx b/web/src/components/settings/ZoneEditPane.tsx
index ec60086c5..59a546290 100644
--- a/web/src/components/settings/ZoneEditPane.tsx
+++ b/web/src/components/settings/ZoneEditPane.tsx
@@ -596,7 +596,13 @@ export default function ZoneEditPane({
                   name="lineA"
                   render={({ field }) => (
                     <FormItem>
-                      <FormLabel>Line A distance</FormLabel>
+                      <FormLabel>
+                        Line A distance (
+                        {config?.ui.unit_system == "imperial"
+                          ? "feet"
+                          : "meters"}
+                        )
+                      </FormLabel>
                       <FormControl>
                         <Input
                           {...field}
@@ -612,7 +618,13 @@ export default function ZoneEditPane({
                   name="lineB"
                   render={({ field }) => (
                     <FormItem>
-                      <FormLabel>Line B distance</FormLabel>
+                      <FormLabel>
+                        Line B distance (
+                        {config?.ui.unit_system == "imperial"
+                          ? "feet"
+                          : "meters"}
+                        )
+                      </FormLabel>
                       <FormControl>
                         <Input
                           {...field}
@@ -628,7 +640,13 @@ export default function ZoneEditPane({
                   name="lineC"
                   render={({ field }) => (
                     <FormItem>
-                      <FormLabel>Line C distance</FormLabel>
+                      <FormLabel>
+                        Line C distance (
+                        {config?.ui.unit_system == "imperial"
+                          ? "feet"
+                          : "meters"}
+                        )
+                      </FormLabel>
                       <FormControl>
                         <Input
                           {...field}
@@ -644,7 +662,13 @@ export default function ZoneEditPane({
                   name="lineD"
                   render={({ field }) => (
                     <FormItem>
-                      <FormLabel>Line D distance</FormLabel>
+                      <FormLabel>
+                        Line D distance (
+                        {config?.ui.unit_system == "imperial"
+                          ? "feet"
+                          : "meters"}
+                        )
+                      </FormLabel>
                       <FormControl>
                         <Input
                           {...field}