From bdc3b867ea6ae906749d69b7a4a9168b8deebd49 Mon Sep 17 00:00:00 2001
From: Louis King <jinglemansweep@gmail.com>
Date: Tue, 10 Feb 2026 16:23:40 +0000
Subject: [PATCH] Fix missing receiver tooltips on advertisements and messages
 pages

The multi-receiver table view used data-* attributes that were never
read instead of native title attributes. Replace with title= so the
browser shows the receiver node name on hover.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 src/meshcore_hub/web/static/js/spa/pages/advertisements.js | 2 +-
 src/meshcore_hub/web/static/js/spa/pages/messages.js       | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/meshcore_hub/web/static/js/spa/pages/advertisements.js b/src/meshcore_hub/web/static/js/spa/pages/advertisements.js
index 71d606e..b4ec765 100644
--- a/src/meshcore_hub/web/static/js/spa/pages/advertisements.js
+++ b/src/meshcore_hub/web/static/js/spa/pages/advertisements.js
@@ -132,7 +132,7 @@ ${content}`, container);
                     receiversBlock = html`<div class="flex gap-1">
                         ${ad.receivers.map(recv => {
                             const recvName = recv.tag_name || recv.name || truncateKey(recv.public_key, 12);
-                            return html`<a href="/nodes/${recv.public_key}" class="text-lg hover:opacity-70" data-receiver-tooltip data-name=${recvName} data-timestamp=${recv.received_at || ''}>\u{1F4E1}</a>`;
+                            return html`<a href="/nodes/${recv.public_key}" class="text-lg hover:opacity-70" title=${recvName}>\u{1F4E1}</a>`;
                         })}
                     </div>`;
                 } else if (ad.received_by) {
diff --git a/src/meshcore_hub/web/static/js/spa/pages/messages.js b/src/meshcore_hub/web/static/js/spa/pages/messages.js
index 62a7b5a..7866634 100644
--- a/src/meshcore_hub/web/static/js/spa/pages/messages.js
+++ b/src/meshcore_hub/web/static/js/spa/pages/messages.js
@@ -116,7 +116,7 @@ ${content}`, container);
                     receiversBlock = html`<div class="flex gap-1">
                         ${msg.receivers.map(recv => {
                             const recvName = recv.tag_name || recv.name || truncateKey(recv.public_key, 12);
-                            return html`<a href="/nodes/${recv.public_key}" class="text-lg hover:opacity-70" data-receiver-tooltip data-name=${recvName} data-timestamp=${recv.received_at || ''}>\u{1F4E1}</a>`;
+                            return html`<a href="/nodes/${recv.public_key}" class="text-lg hover:opacity-70" title=${recvName}>\u{1F4E1}</a>`;
                         })}
                     </div>`;
                 } else if (msg.received_by) {