From 2647604798c938ac7ddfa3a1cddc6f4873800b57 Mon Sep 17 00:00:00 2001
From: Hunter275 <hunter@hunterthornsberry.com>
Date: Sun, 2 Mar 2025 22:22:02 -0500
Subject: [PATCH 1/3] fix nodes page error, more cleanup is probably required
 for "undefined" hops away

---
 src/pages/Nodes.tsx | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/pages/Nodes.tsx b/src/pages/Nodes.tsx
index 429fcbdd..19d59b61 100644
--- a/src/pages/Nodes.tsx
+++ b/src/pages/Nodes.tsx
@@ -1,7 +1,7 @@
-import { LocationResponseDialog } from "@app/components/Dialog/LocationResponseDialog";
-import { NodeOptionsDialog } from "@app/components/Dialog/NodeOptionsDialog";
-import { TracerouteResponseDialog } from "@app/components/Dialog/TracerouteResponseDialog";
-import Footer from "@app/components/UI/Footer";
+import { LocationResponseDialog } from "@app/components/Dialog/LocationResponseDialog.tsx";
+import { NodeOptionsDialog } from "@app/components/Dialog/NodeOptionsDialog.tsx";
+import { TracerouteResponseDialog } from "@app/components/Dialog/TracerouteResponseDialog.tsx";
+import Footer from "@app/components/UI/Footer.tsx";
 import { Sidebar } from "@components/Sidebar.tsx";
 import { Avatar } from "@components/UI/Avatar.tsx";
 import { Mono } from "@components/generic/Mono.tsx";
@@ -149,7 +149,7 @@ const NodesPage = (): JSX.Element => {
               </Mono>,
               <Mono key="pki">
                 {node.user?.publicKey && node.user?.publicKey.length > 0 ? (
-                  <LockIcon className="text-green-600" />
+                  <LockIcon className="text-green-600 mx-auto" />
                 ) : (
                   <LockOpenIcon className="text-yellow-300 mx-auto" />
                 )}
@@ -158,7 +158,7 @@ const NodesPage = (): JSX.Element => {
                 {node.lastHeard !== 0
                   ? node.viaMqtt === false && node.hopsAway === 0
                     ? "Direct"
-                    : `${node.hopsAway.toString()} ${
+                    : `${node.hopsAway?.toString()} ${
                         node.hopsAway > 1 ? "hops" : "hop"
                       } away`
                   : "-"}

From cc24605cdbddc96f640921ff4ff65551ff3273bb Mon Sep 17 00:00:00 2001
From: Hunter275 <hunter@hunterthornsberry.com>
Date: Sun, 2 Mar 2025 22:42:55 -0500
Subject: [PATCH 2/3] fix padding on last heard

---
 src/pages/Nodes.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/pages/Nodes.tsx b/src/pages/Nodes.tsx
index 19d59b61..dec8901e 100644
--- a/src/pages/Nodes.tsx
+++ b/src/pages/Nodes.tsx
@@ -135,13 +135,13 @@ const NodesPage = (): JSX.Element => {
                   .match(/.{1,2}/g)
                   ?.join(":") ?? "UNK"}
               </Mono>,
-              <Fragment key="lastHeard">
+              <Mono className="px-4" key="lastHeard">
                 {node.lastHeard === 0 ? (
                   <p>Never</p>
                 ) : (
                   <TimeAgo timestamp={node.lastHeard * 1000} />
                 )}
-              </Fragment>,
+              </Mono>,
               <Mono key="snr">
                 {node.snr}db/
                 {Math.min(Math.max((node.snr + 10) * 5, 0), 100)}%/

From e1d4490d62e2a9327b108cf0e7a48360c36239b8 Mon Sep 17 00:00:00 2001
From: Hunter275 <hunter@hunterthornsberry.com>
Date: Sun, 2 Mar 2025 22:44:59 -0500
Subject: [PATCH 3/3] fix for 'never' as well

---
 src/pages/Nodes.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/Nodes.tsx b/src/pages/Nodes.tsx
index dec8901e..9f96b987 100644
--- a/src/pages/Nodes.tsx
+++ b/src/pages/Nodes.tsx
@@ -137,7 +137,7 @@ const NodesPage = (): JSX.Element => {
               </Mono>,
               <Mono className="px-4" key="lastHeard">
                 {node.lastHeard === 0 ? (
-                  <p>Never</p>
+                  <p className="px-4">Never</p>
                 ) : (
                   <TimeAgo timestamp={node.lastHeard * 1000} />
                 )}