From cbcff15b9442109561ea793469dbd99ac116b961 Mon Sep 17 00:00:00 2001
From: liamcottle <liam@liamcottle.com>
Date: Mon, 23 Dec 2024 19:01:55 +1300
Subject: [PATCH] add hops and snr to node dropdown menu info

---
 src/components/nodes/NodeDropDownMenu.vue | 20 +++++++++++++++++++-
 1 file changed, 19 insertions(+), 1 deletion(-)

diff --git a/src/components/nodes/NodeDropDownMenu.vue b/src/components/nodes/NodeDropDownMenu.vue
index 71baa12..92ea5e1 100644
--- a/src/components/nodes/NodeDropDownMenu.vue
+++ b/src/components/nodes/NodeDropDownMenu.vue
@@ -12,7 +12,25 @@
             <!-- node details -->
             <div class="p-2 border-b">
                 <div class="text-sm text-gray-500 font-semibold">{{ getNodeLongName(node.num) }}</div>
-                <div class="text-sm text-gray-500">{{ getNodeHexId(node.num) }}</div>
+                <div class="flex space-x-1 text-sm text-gray-500">
+
+                    <!-- node num -->
+                    <div>{{ getNodeHexId(node.num) }}</div>
+
+                    <!-- hops away -->
+                    <div v-if="node.hopsAway !== -1" class="flex my-auto text-sm text-gray-500 space-x-1">
+                        <span>•</span>
+                        <span v-if="node.hopsAway === 0">Direct</span>
+                        <span v-else-if="node.hopsAway === 1">1 Hop</span>
+                        <span v-else>{{ node.hopsAway }} Hops</span>
+                    </div>
+
+                    <!-- snr (only shown for direct nodes) -->
+                    <div v-if="node.hopsAway === 0" class="my-auto text-sm text-gray-500">
+                        <span>• SNR {{ node.snr }}</span>
+                    </div>
+
+                </div>
             </div>
 
             <!-- node info button -->