adam/meshexplorer
1
0
Fork 0
mirror of https://github.com/ajvpot/meshexplorer.git synced 2026-08-08 09:32:43 +02:00
Code Issues Packages Projects Releases Wiki Activity

format the node id and short name meshcore style

Browse Source
This commit is contained in:
ajvpot
2025-08-01 07:58:33 +02:00
parent 527cc526b5
commit 9f741da550
1 changed files with 5 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/MapIcons.tsx
+5 -2
View File
@@ -1,6 +1,7 @@
import React from 'react';
import moment from "moment";
import { formatPublicKey } from '../lib/meshcore';
import { getNameIconLabel } from '../lib/meshcore-map-nodeutils';
type NodePosition = {
node_id: string;
@@ -40,7 +41,9 @@ export function NodeMarker({ node, showNodeNames = true }: NodeMarkerProps) {
return (
<div className="custom-node-marker-container">
{showNodeNames && node.short_name && (
<div className="custom-node-label">{node.short_name}</div>
<div className="custom-node-label">
{node.type === "meshcore" ? getNameIconLabel(node.name || node.short_name) : node.short_name}
</div>
)}
<div className={getMarkerClass()}></div>
</div>
@@ -147,7 +150,7 @@ export function PopupContent({ node }: PopupContentProps) {
<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>Short Name:</b> {node.type === "meshcore" && node.short_name ? getNameIconLabel(node.name || node.short_name) : (node.short_name ?? "-")}</div>
<div><b>Type:</b> {node.type ?? "-"}</div>
<div><b>Lat:</b> {node.latitude}</div>
<div><b>Lng:</b> {node.longitude}</div>