refactor: switch to using Bun (#718)

packages/web/src/components/Dialog/LocationResponseDialog.tsx

@@ -1,4 +1,7 @@
 import { useDevice } from "@core/stores/deviceStore.ts";
+import type { Protobuf, Types } from "@meshtastic/core";
+import { numberToHexUnpadded } from "@noble/curves/abstract/utils";
+import { useTranslation } from "react-i18next";
 import {
   Dialog,
   DialogClose,
@@ -7,9 +10,6 @@ import {
   DialogHeader,
   DialogTitle,
 } from "../UI/Dialog.tsx";
-import type { Protobuf, Types } from "@meshtastic/core";
-import { numberToHexUnpadded } from "@noble/curves/abstract/utils";
-import { useTranslation } from "react-i18next";
 
 export interface LocationResponseDialogProps {
   location: Types.PacketMetadata<Protobuf.Mesh.Position> | undefined;
@@ -26,16 +26,19 @@ export const LocationResponseDialog = ({
   const { getNode } = useDevice();
 
   const from = getNode(location?.from ?? 0);
-  const longName = from?.user?.longName ??
+  const longName =
+    from?.user?.longName ??
     (from ? `!${numberToHexUnpadded(from?.num)}` : t("unknown.shortName"));
-  const shortName = from?.user?.shortName ??
+  const shortName =
+    from?.user?.shortName ??
     (from
       ? `${numberToHexUnpadded(from?.num).substring(0, 4)}`
       : t("unknown.shortName"));
 
   const position = location?.data;
 
-  const hasCoordinates = position &&
+  const hasCoordinates =
+    position &&
     typeof position.latitudeI === "number" &&
     typeof position.longitudeI === "number" &&
     typeof position.altitude === "number";
@@ -53,40 +56,38 @@ export const LocationResponseDialog = ({
           </DialogTitle>
         </DialogHeader>
         <DialogDescription>
-          {hasCoordinates
-            ? (
-              <div className="ml-5 flex">
-                <span className="ml-4 border-l-2 border-l-backgroundPrimary pl-2 text-textPrimary">
-                  <p>
-                    {t("locationResponse.coordinates")}
-                    <a
-                      className="text-blue-500 dark:text-blue-400"
-                      href={`https://www.openstreetmap.org/?mlat=${
-                        position.latitudeI ?? 0 / 1e7
-                      }&mlon=${position.longitudeI ?? 0 / 1e7}&layers=N`}
-                      target="_blank"
-                      rel="noreferrer"
-                    >
-                      {" "}
-                      {position.latitudeI ?? 0 / 1e7},{" "}
-                      {position.longitudeI ?? 0 / 1e7}
-                    </a>
-                  </p>
-                  <p>
-                    {t("locationResponse.altitude")} {position.altitude}
-                    {(position.altitude ?? 0) < 1
-                      ? t("unit.meter.one")
-                      : t("unit.meter.plural")}
-                  </p>
-                </span>
-              </div>
-            )
-            : (
-              // Optional: Show a message if coordinates are not available
-              <p className="text-textPrimary">
-                {t("locationResponse.noCoordinates")}
-              </p>
-            )}
+          {hasCoordinates ? (
+            <div className="ml-5 flex">
+              <span className="ml-4 border-l-2 border-l-backgroundPrimary pl-2 text-textPrimary">
+                <p>
+                  {t("locationResponse.coordinates")}
+                  <a
+                    className="text-blue-500 dark:text-blue-400"
+                    href={`https://www.openstreetmap.org/?mlat=${
+                      position.latitudeI ?? 0 / 1e7
+                    }&mlon=${position.longitudeI ?? 0 / 1e7}&layers=N`}
+                    target="_blank"
+                    rel="noreferrer"
+                  >
+                    {" "}
+                    {position.latitudeI ?? 0 / 1e7},{" "}
+                    {position.longitudeI ?? 0 / 1e7}
+                  </a>
+                </p>
+                <p>
+                  {t("locationResponse.altitude")} {position.altitude}
+                  {(position.altitude ?? 0) < 1
+                    ? t("unit.meter.one")
+                    : t("unit.meter.plural")}
+                </p>
+              </span>
+            </div>
+          ) : (
+            // Optional: Show a message if coordinates are not available
+            <p className="text-textPrimary">
+              {t("locationResponse.noCoordinates")}
+            </p>
+          )}
         </DialogDescription>
       </DialogContent>
     </Dialog>