diff --git a/lib/music_library_web/live/artist_live/show.ex b/lib/music_library_web/live/artist_live/show.ex
index 01d4a5e6..454c6509 100644
--- a/lib/music_library_web/live/artist_live/show.ex
+++ b/lib/music_library_web/live/artist_live/show.ex
@@ -44,6 +44,51 @@ defmodule MusicLibraryWeb.ArtistLive.Show do
"""
end
+ attr :title, :string, required: true
+ attr :artists, :list, required: true
+
+ defp artist_grid(assigns) do
+ ~H"""
+
+
+
+ -
+
+
+

~p"/images/cover-not-found.png" <> "';"}
+ />
+
+
+
+
+ {artist.name}
+
+
+
+
+ """
+ end
+
@impl true
def mount(_params, _session, socket) do
{:ok, socket}
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 e9fa79dc..8509d35b 100644
--- a/lib/music_library_web/live/artist_live/show.html.heex
+++ b/lib/music_library_web/live/artist_live/show.html.heex
@@ -224,6 +224,26 @@
records_count={@wishlist_records_count}
record_path={fn record -> ~p"/wishlist/#{record}" end}
/>
+
+ <.async_result :let={similar_artists} assign={@similar_artists}>
+ <:loading>
+
+ {gettext("Loading similar artists")}
+
+
+ <:failed :let={_failure}>
+
+ <.icon
+ name="hero-exclamation-triangle"
+ class="-mt-1 mr-1 h-5 w-5"
+ aria-hidden="true"
+ data-slot="icon"
+ />
+ {gettext("Error loading similar artists")}
+
+
+ <.artist_grid title={gettext("Similar artists")} artists={similar_artists} />
+
diff --git a/priv/gettext/default.pot b/priv/gettext/default.pot
index ae8a8522..674bcd90 100644
--- a/priv/gettext/default.pot
+++ b/priv/gettext/default.pot
@@ -356,6 +356,7 @@ msgid "Made by"
msgstr ""
#: lib/music_library_web/components/record_components.ex
+#: lib/music_library_web/live/artist_live/show.ex
#, elixir-autogen, elixir-format
msgid "View details"
msgstr ""
diff --git a/priv/gettext/en/LC_MESSAGES/default.po b/priv/gettext/en/LC_MESSAGES/default.po
index d27368af..769c873a 100644
--- a/priv/gettext/en/LC_MESSAGES/default.po
+++ b/priv/gettext/en/LC_MESSAGES/default.po
@@ -356,6 +356,7 @@ msgid "Made by"
msgstr ""
#: lib/music_library_web/components/record_components.ex
+#: lib/music_library_web/live/artist_live/show.ex
#, elixir-autogen, elixir-format
msgid "View details"
msgstr ""