From 527cc526b53d15876b5063337aacb64dd346d721 Mon Sep 17 00:00:00 2001
From: ajvpot <553597+ajvpot@users.noreply.github.com>
Date: Fri, 1 Aug 2025 07:53:15 +0200
Subject: [PATCH] format the node id

---
 src/components/MapIcons.tsx | 3 ++-
 src/lib/meshcore.ts         | 6 ++++++
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/components/MapIcons.tsx b/src/components/MapIcons.tsx
index 574c1c3..4faefb1 100644
--- a/src/components/MapIcons.tsx
+++ b/src/components/MapIcons.tsx
@@ -1,5 +1,6 @@
 import React from 'react';
 import moment from "moment";
+import { formatPublicKey } from '../lib/meshcore';
 
 type NodePosition = {
   node_id: string;
@@ -144,7 +145,7 @@ export function ClusterMarker({ children }: ClusterMarkerProps) {
 export function PopupContent({ node }: PopupContentProps) {
   return (
     <div>
-      <div><b>ID:</b> {node.node_id}</div>
+      <div><b>ID:</b> {node.type === "meshcore" ? formatPublicKey(node.node_id) : node.node_id}</div>
       <div><b>Full Name:</b> {node.name ?? "-"}</div>
       <div><b>Short Name:</b> {node.short_name ?? "-"}</div>
       <div><b>Type:</b> {node.type ?? "-"}</div>
diff --git a/src/lib/meshcore.ts b/src/lib/meshcore.ts
index aa79ecb..b0da02e 100644
--- a/src/lib/meshcore.ts
+++ b/src/lib/meshcore.ts
@@ -191,4 +191,10 @@ export async function decryptMeshcoreGroupMessage({
     });
   }
   return null;
+} 
+
+export function formatPublicKey(pubKey: string): string {
+    // Take the first 8 characters, add ellipsis, and then the last 8 characters
+    const formattedKey = `<${pubKey.slice(0, 8)}...${pubKey.slice(-8)}>`;
+    return formattedKey;
 } 
\ No newline at end of file