From c1c94e478eea95b32b6c40f04bb13c5c652daec3 Mon Sep 17 00:00:00 2001
From: Claudio Ortolina <cloud8421@gmail.com>
Date: Tue, 2 Sep 2025 13:56:23 +0300
Subject: [PATCH] Format scrobble count tooltip

---
 .../components/stats_components.ex                | 15 ++++++++++++++-
 1 file changed, 14 insertions(+), 1 deletion(-)

diff --git a/lib/music_library_web/components/stats_components.ex b/lib/music_library_web/components/stats_components.ex
index 1ccddc46..9e2cb78c 100644
--- a/lib/music_library_web/components/stats_components.ex
+++ b/lib/music_library_web/components/stats_components.ex
@@ -75,7 +75,20 @@ defmodule MusicLibraryWeb.StatsComponents do
         </p>
       </dd>
       <dd :if={@tooltip} class="mt-1">
-        <.tooltip value={@tooltip}>
+        <.tooltip>
+          <:content>
+            <script :type={Phoenix.LiveView.ColocatedHook} name=".FormatNumber">
+              export default {
+                mounted() {
+                  this.el.innerText = parseInt(this.el.innerText).toLocaleString();
+                },
+                updated() {
+                  this.el.innerText = parseInt(this.el.innerText).toLocaleString();
+                }
+              }
+            </script>
+            <span id={"#{@title}-counter-tooltip"} phx-hook=".FormatNumber">{@tooltip}</span>
+          </:content>
           <.link
             :if={@path}
             navigate={@path}