add button to view node on meshtastic map

liamcottle · Nov 17, 2024 · 1db74c8 · 1db74c8
1 parent ed4d0ff
commit 1db74c8
Showing 1 changed file with 12 additions and 0 deletions.
diff --git a/src/components/nodes/NodeDropDownMenu.vue b/src/components/nodes/NodeDropDownMenu.vue
@@ -43,6 +43,18 @@
                 <span>Request Node Info</span>
             </DropDownMenuItem>
 
+            <!-- direct message button -->
+            <div class="border-t">
+                <a :href="`https://meshtastic.liamcottle.net/?node_id=${node.num}`" target="_blank">
+                    <DropDownMenuItem>
+                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="size-5">
+                            <path fill-rule="evenodd" d="M8.161 2.58a1.875 1.875 0 0 1 1.678 0l4.993 2.498c.106.052.23.052.336 0l3.869-1.935A1.875 1.875 0 0 1 21.75 4.82v12.485c0 .71-.401 1.36-1.037 1.677l-4.875 2.437a1.875 1.875 0 0 1-1.676 0l-4.994-2.497a.375.375 0 0 0-.336 0l-3.868 1.935A1.875 1.875 0 0 1 2.25 19.18V6.695c0-.71.401-1.36 1.036-1.677l4.875-2.437ZM9 6a.75.75 0 0 1 .75.75V15a.75.75 0 0 1-1.5 0V6.75A.75.75 0 0 1 9 6Zm6.75 3a.75.75 0 0 0-1.5 0v8.25a.75.75 0 0 0 1.5 0V9Z" clip-rule="evenodd" />
+                        </svg>
+                        <span>View on Meshtastic Map</span>
+                    </DropDownMenuItem>
+                </a>
+            </div>
+
             <!-- forget node button -->
             <DropDownMenuItem @click="onDeleteNode(node)" class="border-t">
                 <svg class="size-5 text-red-500" viewBox="0 0 20 20" fill="currentColor">