From 944bce86977c043c1d8d3a8c5f66e85f24e4e28c Mon Sep 17 00:00:00 2001
From: liamcottle <liam@liamcottle.com>
Date: Wed, 28 Aug 2024 02:02:28 +1200
Subject: [PATCH] improve ux for sharing node

---
 src/public/index.html | 13 ++++++++++---
 1 file changed, 10 insertions(+), 3 deletions(-)

diff --git a/src/public/index.html b/src/public/index.html
index 2431f42..211f835 100644
--- a/src/public/index.html
+++ b/src/public/index.html
@@ -591,7 +591,14 @@
                                     <h2 class="font-bold">Node Info</h2>
                                     <h3 class="text-sm">{{ selectedNode.long_name }}</h3>
                                 </div>
-                                <div class="my-auto ml-2 flex h-7 items-center">
+                                <div class="my-auto ml-2 flex h-7 items-center space-x-2">
+                                    <a href="javascript:void(0)" class="rounded-full" @click="copyShareLinkForNode(selectedNode.node_id)">
+                                        <div class="bg-gray-100 hover:bg-gray-200 p-2 rounded-full">
+                                            <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 256 256" class="size-6">
+                                                <path d="M216,112v96a16,16,0,0,1-16,16H56a16,16,0,0,1-16-16V112A16,16,0,0,1,56,96H80a8,8,0,0,1,0,16H56v96H200V112H176a8,8,0,0,1,0-16h24A16,16,0,0,1,216,112ZM93.66,69.66,120,43.31V136a8,8,0,0,0,16,0V43.31l26.34,26.35a8,8,0,0,0,11.32-11.32l-40-40a8,8,0,0,0-11.32,0l-40,40A8,8,0,0,0,93.66,69.66Z"></path>
+                                            </svg>
+                                        </div>
+                                    </a>
                                     <a href="javascript:void(0)" class="rounded-full" @click="selectedNode = null">
                                         <div class="bg-gray-100 hover:bg-gray-200 p-2 rounded-full">
                                             <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
@@ -2726,8 +2733,8 @@
                 const url = this.getShareLinkForNode(nodeId);
                 navigator.clipboard.writeText(url);
 
-                // tell use we copied it
-                alert("Copied to clipboard!");
+                // tell user we copied it
+                alert("Link copied to clipboard!");
 
             },
             dismissShowingNodeNeighbours: function() {