From bd48b02ef30078ea591d092c226784d581e96be8 Mon Sep 17 00:00:00 2001
From: Tilen Komel <me@komelt.dev>
Date: Wed, 18 Sep 2024 11:17:18 +0200
Subject: [PATCH] Updated traceroute response

---
 .../PageComponents/Messages/TraceRoute.tsx           | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/components/PageComponents/Messages/TraceRoute.tsx b/src/components/PageComponents/Messages/TraceRoute.tsx
index e2adf30e..cdc20760 100644
--- a/src/components/PageComponents/Messages/TraceRoute.tsx
+++ b/src/components/PageComponents/Messages/TraceRoute.tsx
@@ -18,17 +18,17 @@ export const TraceRoute = ({
   return route.length === 0 ? (
     <div className="ml-5 flex">
       <span className="ml-4 border-l-2 border-l-backgroundPrimary pl-2 text-textPrimary">
-        {to?.user?.longName}↔{from?.user?.longName}
+        {to?.user?.longName} ↔ {from?.user?.longName}
       </span>
     </div>
   ) : (
     <div className="ml-5 flex">
       <span className="ml-4 border-l-2 border-l-backgroundPrimary pl-2 text-textPrimary">
-        {to?.user?.longName}↔
-        {route.map((hop) => {
-          const node = nodes.get(hop);
-          return `${node?.user?.longName ?? (node?.num ? numberToHexUnpadded(node.num) : "Unknown")}↔`;
-        })}
+        {to?.user?.longName} ↔{" "}
+        {route.map(
+          (hop) =>
+            `${nodes.get(hop)?.user?.longName ?? `!${numberToHexUnpadded(hop)}`} ↔ `,
+        )}
         {from?.user?.longName}
       </span>
     </div>