From 433abb0fec49f38401fd2fb9aff160512bdc9673 Mon Sep 17 00:00:00 2001
From: Aetherinox <aetherinox@proton.me>
Date: Sun, 1 Jun 2025 14:12:49 -0700
Subject: [PATCH] feat: refresh health timer automatically during hover

---
 tvapp2/www/index.html | 9 +++------
 1 file changed, 3 insertions(+), 6 deletions(-)

diff --git a/tvapp2/www/index.html b/tvapp2/www/index.html
index 2949017f..6818b5ae 100644
--- a/tvapp2/www/index.html
+++ b/tvapp2/www/index.html
@@ -21,7 +21,7 @@
                     <a target="_blank" data-bs-toggle="tooltip" title="View Github Repository" class="header-name" href="<%= appUrlGithub %>">TVApp2 for Docker</a>
                 </div>
                 <div class="navbar-social">
-                    <a href=""><i id="action-health" data-bs-toggle="tooltip" title="Health" class="heart logo health fa-duotone fa-solid fa-heart" style="--fa-primary-color: rgb(255, 255, 255); --fa-secondary-color: rgb(255, 255, 255);" aria-hidden="true"></i></a>
+                    <i id="action-health" data-bs-toggle="tooltip" title="Health" class="heart logo health fa-duotone fa-solid fa-heart" style="--fa-primary-color: rgb(255, 255, 255); --fa-secondary-color: rgb(255, 255, 255);" aria-hidden="true"></i>
                     <a href="javascript:runResync();"><i id="action-resync" data-bs-toggle="tooltip" title="Resync" class="restart fa-solid fa-rotate" style="--fa-primary-color: rgb(255, 255, 255); --fa-secondary-color: rgb(255, 255, 255);" aria-hidden="true"></i></a>
                     <a target="_blank" href="<%= appUrlDocs %>"><i data-bs-toggle="tooltip" title="Documentation" class="logo fa-duotone fa-solid fa-book-open-cover" style="--fa-primary-color: rgb(255, 255, 255); --fa-secondary-color: rgb(255, 255, 255);" aria-hidden="true"></i></a>
                     <a target="_blank" href="<%= appUrlGithub %>"><i data-bs-toggle="tooltip" title="Github" class="logo fa-logos fa-github" style="--fa-primary-color: rgb(255, 255, 255); --fa-secondary-color: rgb(255, 255, 255);" aria-hidden="true"></i></a>
@@ -458,11 +458,8 @@
 
                     jQuery(function($)
                     {
-                        $(document.body).tooltip({ selector: "[title]" });
-                        $('#action-health')
-                            .attr('data-original-title', `Health check in ${ timeLeft }`)
-                            .attr('aria-label', `Health check in ${ timeLeft }`)
-                            .attr('data-bs-original-title', `Health check in ${ timeLeft }`)
+                        const tooltip = bootstrap.Tooltip.getInstance('#action-health') // Returns a Bootstrap tooltip instance
+                        tooltip.setContent({ '.tooltip-inner': `Health check in ${ timeLeft }` })
                     });
 
                     const Heart = document.getElementsByClassName('fa-heart');