From b88b77cb78a165e390ca922cca3d9b2f89fea37d Mon Sep 17 00:00:00 2001
From: Claudio Ortolina <cloud8421@gmail.com>
Date: Mon, 23 Dec 2024 17:49:15 +0000
Subject: [PATCH] Group status labels in scrobble activity

---
 .../live/stats_live/index.html.heex           | 80 ++++++++++---------
 priv/gettext/default.pot                      |  8 +-
 2 files changed, 45 insertions(+), 43 deletions(-)

diff --git a/lib/music_library_web/live/stats_live/index.html.heex b/lib/music_library_web/live/stats_live/index.html.heex
index 8b0fb32f..d488e474 100644
--- a/lib/music_library_web/live/stats_live/index.html.heex
+++ b/lib/music_library_web/live/stats_live/index.html.heex
@@ -128,45 +128,47 @@
             </div>
           </div>
 
-          <span
-            :if={track.album.musicbrainz_id == ""}
-            class={[
-              "inline-flex items-center rounded-md",
-              "px-2 py-1 text-xs font-medium",
-              "ring-1 ring-inset",
-              "bg-zinc-50 dark:bg-zinc-500/10",
-              "text-zinc-700 dark:text-zinc-400",
-              "ring-zinc-600/20 dark:ring-zinc-500/20"
-            ]}
-          >
-            {gettext("No MB ID")}
-          </span>
-          <span
-            :if={track.album.musicbrainz_id in @collected_release_ids}
-            class={[
-              "inline-flex items-center rounded-md",
-              "px-2 py-1 text-xs font-medium",
-              "ring-1 ring-inset",
-              "bg-green-50 dark:bg-green-500/10",
-              "text-green-700 dark:text-green-400",
-              "ring-green-600/20 dark:ring-green-500/20"
-            ]}
-          >
-            {gettext("Collected")}
-          </span>
-          <span
-            :if={track.album.musicbrainz_id in @wishlisted_release_ids}
-            class={[
-              "inline-flex items-center rounded-md",
-              "px-2 py-1 text-xs font-medium",
-              "ring-1 ring-inset",
-              "bg-yellow-50 dark:bg-yellow-400/10",
-              "text-yellow-800 dark:text-yellow-500",
-              "ring-yellow-600/20 dark:ring-yellow-400/20"
-            ]}
-          >
-            {gettext("Wishlisted")}
-          </span>
+          <div class="flex gap-2">
+            <span
+              :if={track.album.musicbrainz_id == ""}
+              class={[
+                "inline-flex items-center rounded-md",
+                "px-2 py-1 text-xs font-medium",
+                "ring-1 ring-inset",
+                "bg-zinc-50 dark:bg-zinc-500/10",
+                "text-zinc-700 dark:text-zinc-400",
+                "ring-zinc-600/20 dark:ring-zinc-500/20"
+              ]}
+            >
+              {gettext("No MB ID")}
+            </span>
+            <span
+              :if={track.album.musicbrainz_id in @collected_release_ids}
+              class={[
+                "inline-flex items-center rounded-md",
+                "px-2 py-1 text-xs font-medium",
+                "ring-1 ring-inset",
+                "bg-green-50 dark:bg-green-500/10",
+                "text-green-700 dark:text-green-400",
+                "ring-green-600/20 dark:ring-green-500/20"
+              ]}
+            >
+              {gettext("Collected")}
+            </span>
+            <span
+              :if={track.album.musicbrainz_id in @wishlisted_release_ids}
+              class={[
+                "inline-flex items-center rounded-md",
+                "px-2 py-1 text-xs font-medium",
+                "ring-1 ring-inset",
+                "bg-yellow-50 dark:bg-yellow-400/10",
+                "text-yellow-800 dark:text-yellow-500",
+                "ring-yellow-600/20 dark:ring-yellow-400/20"
+              ]}
+            >
+              {gettext("Wishlisted")}
+            </span>
+          </div>
 
           <div
             :if={
diff --git a/priv/gettext/default.pot b/priv/gettext/default.pot
index 5ca5a657..0a17559f 100644
--- a/priv/gettext/default.pot
+++ b/priv/gettext/default.pot
@@ -354,17 +354,17 @@ msgid "Scrobble activity"
 msgstr ""
 
 #: lib/music_library_web/live/record_live/import_component.ex:80
-#: lib/music_library_web/live/stats_live/index.html.heex:187
+#: lib/music_library_web/live/stats_live/index.html.heex:189
 #, elixir-autogen, elixir-format
 msgid "Choose which format to import"
 msgstr ""
 
-#: lib/music_library_web/live/stats_live/index.html.heex:155
+#: lib/music_library_web/live/stats_live/index.html.heex:156
 #, elixir-autogen, elixir-format
 msgid "Collected"
 msgstr ""
 
-#: lib/music_library_web/live/stats_live/index.html.heex:168
+#: lib/music_library_web/live/stats_live/index.html.heex:169
 #, elixir-autogen, elixir-format
 msgid "Wishlisted"
 msgstr ""
@@ -414,7 +414,7 @@ msgstr ""
 msgid "Error refreshing cover"
 msgstr ""
 
-#: lib/music_library_web/live/stats_live/index.html.heex:142
+#: lib/music_library_web/live/stats_live/index.html.heex:143
 #, elixir-autogen, elixir-format
 msgid "No MB ID"
 msgstr ""