Merge pull request #411 from danditomaso/issue-399-wrong-measurement-unit-in-map

feat: adding pluralizer util. fix: measurement unit in marker popup
2025-02-13 23:22:56 -05:00
parent f2a2e5ddf2 2627b9035d
commit e129b7b469
2 changed files with 38 additions and 1 deletions
@@ -1,6 +1,7 @@
 import { Separator } from "@app/components/UI/Seperator";
 import { H5 } from "@app/components/UI/Typography/H5.tsx";
 import { Subtle } from "@app/components/UI/Typography/Subtle.tsx";
+import { formatQuantity } from "@app/core/utils/string";
 import { Avatar } from "@components/UI/Avatar";
 import { Mono } from "@components/generic/Mono.tsx";
 import { TimeAgo } from "@components/generic/Table/tmp/TimeAgo.tsx";
@@ -132,7 +133,12 @@ export const NodeDetail = ({ node }: NodeDetailProps) => {
              className="ml-2 mr-1"
              aria-label="Elevation"
            />
-            <div>{node.position?.altitude} ft</div>
+            <div>
+              {formatQuantity(node.position?.altitude, {
+                one: "meter",
+                other: "meters",
+              })}
+            </div>
          </div>
        )}
      </div>