From 5debdb46898a6db3570645edbef697488b15be48 Mon Sep 17 00:00:00 2001
From: Alexey Stepanov <Pmmlabs@users.noreply.github.com>
Date: Thu, 27 Nov 2025 23:40:41 +0300
Subject: [PATCH] fix(ui): add "never" i18n string, fix "Favorite" tooltip
 (#965)

* fix(ui): add "never" i18n string, fix "Favorite" tooltip

* format

* format

---------

Co-authored-by: Pmmlabs <meshtastic@pmmlabs.ru>
---
 .../web/public/i18n/locales/en/nodes.json     |  3 +++
 packages/web/src/components/UI/Avatar.tsx     | 21 ++++++++++++-------
 2 files changed, 16 insertions(+), 8 deletions(-)

diff --git a/packages/web/public/i18n/locales/en/nodes.json b/packages/web/public/i18n/locales/en/nodes.json
index 3968ffc1..16db3f95 100644
--- a/packages/web/public/i18n/locales/en/nodes.json
+++ b/packages/web/public/i18n/locales/en/nodes.json
@@ -47,6 +47,9 @@
       "direct": "Direct",
       "away": "away",
       "viaMqtt": ", via MQTT"
+    },
+    "lastHeardStatus": {
+      "never": "Never"
     }
   },
 
diff --git a/packages/web/src/components/UI/Avatar.tsx b/packages/web/src/components/UI/Avatar.tsx
index 9252bc76..209a69ee 100644
--- a/packages/web/src/components/UI/Avatar.tsx
+++ b/packages/web/src/components/UI/Avatar.tsx
@@ -4,6 +4,7 @@ import {
   Tooltip,
   TooltipArrow,
   TooltipContent,
+  TooltipPortal,
   TooltipProvider,
   TooltipTrigger,
 } from "@components/UI/Tooltip.tsx";
@@ -78,10 +79,12 @@ export const Avatar = ({
                 }}
               />
             </TooltipTrigger>
-            <TooltipContent className="bg-slate-800 dark:bg-slate-600 text-white px-4 py-1 rounded text-xs">
-              {t("nodeDetail.favorite.label", { ns: "nodes" })}
-              <TooltipArrow className="fill-slate-800 dark:fill-slate-600" />
-            </TooltipContent>
+            <TooltipPortal>
+              <TooltipContent className="bg-slate-800 dark:bg-slate-600 text-white px-4 py-1 rounded text-xs">
+                {t("nodeDetail.favorite.label", { ns: "nodes" })}
+                <TooltipArrow className="fill-slate-800 dark:fill-slate-600" />
+              </TooltipContent>
+            </TooltipPortal>
           </Tooltip>
         </TooltipProvider>
       ) : null}
@@ -94,10 +97,12 @@ export const Avatar = ({
                 aria-hidden="true"
               />
             </TooltipTrigger>
-            <TooltipContent className="bg-slate-800 dark:bg-slate-600 text-white px-4 py-1 rounded text-xs">
-              {t("nodeDetail.error.label", { ns: "nodes" })}
-              <TooltipArrow className="fill-slate-800 dark:fill-slate-600" />
-            </TooltipContent>
+            <TooltipPortal>
+              <TooltipContent className="bg-slate-800 dark:bg-slate-600 text-white px-4 py-1 rounded text-xs">
+                {t("nodeDetail.error.label", { ns: "nodes" })}
+                <TooltipArrow className="fill-slate-800 dark:fill-slate-600" />
+              </TooltipContent>
+            </TooltipPortal>
           </Tooltip>
         </TooltipProvider>
       ) : null}