From e069511f4e4eddfbe6cf00c7d7b6a8215721f5b5 Mon Sep 17 00:00:00 2001
From: Claudio Ortolina <cloud8421@gmail.com>
Date: Thu, 18 Sep 2025 20:21:15 +0300
Subject: [PATCH] Show artist image via assets in top artists

---
 lib/music_library_web/live/stats_live/top_artists.ex | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/lib/music_library_web/live/stats_live/top_artists.ex b/lib/music_library_web/live/stats_live/top_artists.ex
index 582e6a05..a8cc39ed 100644
--- a/lib/music_library_web/live/stats_live/top_artists.ex
+++ b/lib/music_library_web/live/stats_live/top_artists.ex
@@ -1,6 +1,7 @@
 defmodule MusicLibraryWeb.StatsLive.TopArtists do
   use MusicLibraryWeb, :live_component
 
+  alias MusicLibrary.Assets.Transform
   alias MusicLibrary.ScrobbleActivity
 
   def live(assigns) do
@@ -110,7 +111,7 @@ defmodule MusicLibraryWeb.StatsLive.TopArtists do
           <img
             :if={artist.artist_musicbrainz_id != ""}
             class="w-12 h-12 rounded-md object-cover"
-            src={~p"/artists/#{artist.artist_musicbrainz_id}/image"}
+            src={artist_image_path(artist)}
             alt={artist.artist_name}
             onerror={"this.src = '" <> ~p"/images/cover-not-found.png" <> "';"}
           />
@@ -134,6 +135,14 @@ defmodule MusicLibraryWeb.StatsLive.TopArtists do
     """
   end
 
+  defp artist_image_path(artist) do
+    payload =
+      %Transform{hash: artist.image_hash, width: 96}
+      |> Transform.encode!()
+
+    ~p"/assets/#{payload}"
+  end
+
   defp assign_top_artists(socket) do
     %{timezone: timezone, period: period} = socket.assigns
     current_time = DateTime.utc_now()