From b301a5da7dede23dad8912dcad8dcc100623a5fd Mon Sep 17 00:00:00 2001
From: Claudio Ortolina <cloud8421@gmail.com>
Date: Tue, 3 Dec 2024 09:47:52 +0000
Subject: [PATCH] Display number of scrobbles per artist

---
 .../live/artist_live/show.html.heex             | 17 ++++++++++++++++-
 priv/gettext/default.pot                        | 13 +++++++++----
 2 files changed, 25 insertions(+), 5 deletions(-)

diff --git a/lib/music_library_web/live/artist_live/show.html.heex b/lib/music_library_web/live/artist_live/show.html.heex
index 6559fb60..4b082dae 100644
--- a/lib/music_library_web/live/artist_live/show.html.heex
+++ b/lib/music_library_web/live/artist_live/show.html.heex
@@ -1,6 +1,21 @@
 <div class="mt-4 px-4 sm:px-6 lg:px-8">
-  <h1 class="mt-1 flex font-semibold text-base lg:text-2xl leading-5 text-zinc-700 dark:text-zinc-300 text-wrap">
+  <h1 class="mt-1 font-semibold text-base lg:text-2xl leading-5 text-zinc-700 dark:text-zinc-300 text-wrap">
     {@artist.name}
+    <span :if={@artist_info.ok? && @artist_info.result && @artist_info.result.play_count > 0}>
+      <span class="sr-only">
+        {gettext("Number of scrobbles")}
+      </span>
+      <span class={[
+        "rounded-full",
+        "px-2 py-1 text-xs font-medium",
+        "ring-1 ring-inset",
+        "bg-gray-50 dark:bg-gray-400/10",
+        "text-gray-600 dark:text-gray-500",
+        "ring-gray-500/10 dark:ring-gray-400/20"
+      ]}>
+        {@artist_info.result.play_count}
+      </span>
+    </span>
   </h1>
   <div
     :if={artist_info = @artist_info.ok? && @artist_info.result}
diff --git a/priv/gettext/default.pot b/priv/gettext/default.pot
index be7013bb..ebf45472 100644
--- a/priv/gettext/default.pot
+++ b/priv/gettext/default.pot
@@ -51,7 +51,7 @@ msgid "Choose a value"
 msgstr ""
 
 #: lib/music_library_web/components/layouts/app.html.heex:13
-#: lib/music_library_web/live/artist_live/show.html.heex:14
+#: lib/music_library_web/live/artist_live/show.html.heex:29
 #: lib/music_library_web/live/collection_live/index.ex:77
 #: lib/music_library_web/live/collection_live/show.ex:102
 #: lib/music_library_web/live/collection_live/show.ex:119
@@ -328,7 +328,7 @@ msgid "Welcome to your Music Library"
 msgstr ""
 
 #: lib/music_library_web/components/layouts/app.html.heex:19
-#: lib/music_library_web/live/artist_live/show.html.heex:52
+#: lib/music_library_web/live/artist_live/show.html.heex:67
 #: lib/music_library_web/live/wishlist_live/index.ex:75
 #: lib/music_library_web/live/wishlist_live/show.ex:102
 #, elixir-autogen, elixir-format
@@ -482,8 +482,13 @@ msgstr ""
 msgid "Biography not available"
 msgstr ""
 
-#: lib/music_library_web/live/artist_live/show.html.heex:32
-#: lib/music_library_web/live/artist_live/show.html.heex:70
+#: lib/music_library_web/live/artist_live/show.html.heex:47
+#: lib/music_library_web/live/artist_live/show.html.heex:85
 #, elixir-autogen, elixir-format
 msgid "View details"
 msgstr ""
+
+#: lib/music_library_web/live/artist_live/show.html.heex:6
+#, elixir-autogen, elixir-format
+msgid "Number of scrobbles"
+msgstr ""