From 441751acd53fb8159cae23497863c9ce02a06652 Mon Sep 17 00:00:00 2001
From: Claudio Ortolina <cloud8421@gmail.com>
Date: Fri, 9 May 2025 21:10:12 +0100
Subject: [PATCH] Use a scrobble icon

---
 .../components/release_component.ex                | 14 +++++++++++++-
 priv/gettext/default.pot                           | 10 +++++-----
 priv/gettext/en/LC_MESSAGES/default.po             | 10 +++++-----
 3 files changed, 23 insertions(+), 11 deletions(-)

diff --git a/lib/music_library_web/components/release_component.ex b/lib/music_library_web/components/release_component.ex
index eb31132f..fcd28e00 100644
--- a/lib/music_library_web/components/release_component.ex
+++ b/lib/music_library_web/components/release_component.ex
@@ -36,7 +36,8 @@ defmodule MusicLibraryWeb.ReleaseComponent do
             phx-target={@myself}
             phx-disable-with={gettext("Scrobbling...")}
           >
-            {gettext("Scrobble to Last.fm")}
+            <span class="sr-only">{gettext("Scrobble release")}</span>
+            <.last_fm_icon class="w-4 fill-current" />
           </Fluxon.Components.Button.button>
           <Fluxon.Components.Button.button
             :if={!@can_scrobble?}
@@ -153,4 +154,15 @@ defmodule MusicLibraryWeb.ReleaseComponent do
       gettext("Disc %{no}", %{no: medium.number})
     end
   end
+
+  attr :class, :string, required: true
+
+  defp last_fm_icon(assigns) do
+    # https://www.svgrepo.com/svg/341982/last-fm
+    ~H"""
+    <svg class={@class} width="24" height="24" viewBox="0 0 32 32">
+      <path d="M14.131 22.948l-1.172-3.193c0 0-1.912 2.131-4.771 2.131-2.537 0-4.333-2.203-4.333-5.729 0-4.511 2.276-6.125 4.515-6.125 3.224 0 4.245 2.089 5.125 4.772l1.161 3.667c1.161 3.561 3.365 6.421 9.713 6.421 4.548 0 7.631-1.391 7.631-5.068 0-2.968-1.697-4.511-4.844-5.244l-2.344-0.511c-1.624-0.371-2.104-1.032-2.104-2.131 0-1.249 0.985-1.984 2.604-1.984 1.767 0 2.704 0.661 2.865 2.24l3.661-0.444c-0.297-3.301-2.584-4.656-6.323-4.656-3.308 0-6.532 1.251-6.532 5.245 0 2.5 1.204 4.077 4.245 4.807l2.484 0.589c1.865 0.443 2.484 1.224 2.484 2.287 0 1.359-1.323 1.921-3.828 1.921-3.703 0-5.244-1.943-6.124-4.625l-1.204-3.667c-1.541-4.765-4.005-6.531-8.891-6.531-5.287-0.016-8.151 3.385-8.151 9.192 0 5.573 2.864 8.595 8.005 8.595 4.14 0 6.125-1.943 6.125-1.943z" />
+    </svg>
+    """
+  end
 end
diff --git a/priv/gettext/default.pot b/priv/gettext/default.pot
index c796089f..73b97016 100644
--- a/priv/gettext/default.pot
+++ b/priv/gettext/default.pot
@@ -795,11 +795,6 @@ msgstr ""
 msgid "Release scrobbled successfully"
 msgstr ""
 
-#: lib/music_library_web/components/release_component.ex
-#, elixir-autogen, elixir-format
-msgid "Scrobble to Last.fm"
-msgstr ""
-
 #: lib/music_library_web/components/release_component.ex
 #, elixir-autogen, elixir-format
 msgid "Connect your Last.fm account"
@@ -809,3 +804,8 @@ msgstr ""
 #, elixir-autogen, elixir-format
 msgid "Scrobbling..."
 msgstr ""
+
+#: lib/music_library_web/components/release_component.ex
+#, elixir-autogen, elixir-format
+msgid "Scrobble release"
+msgstr ""
diff --git a/priv/gettext/en/LC_MESSAGES/default.po b/priv/gettext/en/LC_MESSAGES/default.po
index 0367fb44..3145e847 100644
--- a/priv/gettext/en/LC_MESSAGES/default.po
+++ b/priv/gettext/en/LC_MESSAGES/default.po
@@ -795,11 +795,6 @@ msgstr ""
 msgid "Release scrobbled successfully"
 msgstr ""
 
-#: lib/music_library_web/components/release_component.ex
-#, elixir-autogen, elixir-format
-msgid "Scrobble to Last.fm"
-msgstr ""
-
 #: lib/music_library_web/components/release_component.ex
 #, elixir-autogen, elixir-format
 msgid "Connect your Last.fm account"
@@ -809,3 +804,8 @@ msgstr ""
 #, elixir-autogen, elixir-format
 msgid "Scrobbling..."
 msgstr ""
+
+#: lib/music_library_web/components/release_component.ex
+#, elixir-autogen, elixir-format
+msgid "Scrobble release"
+msgstr ""