From b41b69b41014243f6da35d4691eca6d56edf90e2 Mon Sep 17 00:00:00 2001
From: Sacha Weatherstone <sachaw100@hotmail.com>
Date: Sun, 6 Nov 2022 20:42:55 +1000
Subject: [PATCH] Fix peer unknown name

---
 src/pages/Peers.tsx | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/pages/Peers.tsx b/src/pages/Peers.tsx
index e5683f8b..4efbea56 100644
--- a/src/pages/Peers.tsx
+++ b/src/pages/Peers.tsx
@@ -9,7 +9,7 @@ import { useDevice } from "@core/providers/useDevice.js";
 import { Hashicon } from "@emeraldpay/hashicon-react";
 import {
   ArrowPathRoundedSquareIcon,
-  EllipsisHorizontalIcon,
+  EllipsisHorizontalIcon
 } from "@heroicons/react/24/outline";
 import { Protobuf } from "@meshtastic/meshtasticjs";
 
@@ -71,7 +71,9 @@ export const PeersPage = (): JSX.Element => {
               >
                 <td className="flex gap-2 whitespace-nowrap py-2 pr-3 pl-6 text-sm font-medium text-gray-900">
                   <Hashicon size={24} value={node.data.num.toString()} />
-                  <span className="my-auto">{node.data.user?.longName}</span>
+                  <span className="my-auto">
+                    {node.data.user?.longName ?? "Unknown"}
+                  </span>
                 </td>
                 <td className="whitespace-nowrap py-2 text-sm text-gray-500">
                   <span className="rounded-md bg-slate-200 p-1">
@@ -106,7 +108,7 @@ export const PeersPage = (): JSX.Element => {
                             {
                               loading: "Requesting Metadata...",
                               success: "Recieved Metadata",
-                              error: "No response received",
+                              error: "No response received"
                             }
                           );
                         }