Show country flag for artist

lib/music_library_web/live/artist_live/show.ex

@@ -2,8 +2,18 @@ defmodule MusicLibraryWeb.ArtistLive.Show do
   use MusicLibraryWeb, :live_view
 
   alias MusicLibrary.{Artists, Records}
+  alias MusicLibrary.Records.ArtistInfo
   import MusicLibraryWeb.RecordComponents, only: [record_grid: 1]
 
+  attr :country, :map, required: true
+
+  def country_flag(assigns) do
+    ~H"""
+    <span>{Flagmojis.by_iso(@country.code).emoji}</span>
+    <span class="sr-only">{@country.name}</span>
+    """
+  end
+
   @impl true
   def mount(_params, _session, socket) do
     {:ok, socket}
@@ -45,6 +55,7 @@ defmodule MusicLibraryWeb.ArtistLive.Show do
 
   defp apply_action(socket, :show, %{"musicbrainz_id" => musicbrainz_id}) do
     artist = Artists.get_artist!(musicbrainz_id)
+    artist_info = Artists.get_artist_info!(musicbrainz_id)
 
     %{collection: collection_records, wishlist: wishlist_records} =
       musicbrainz_id
@@ -54,6 +65,7 @@ defmodule MusicLibraryWeb.ArtistLive.Show do
     socket
     |> assign(:nav_section, :artists)
     |> assign(:artist, artist)
+    |> assign(:country, ArtistInfo.country(artist_info))
     |> stream(:collection_records, collection_records, reset: true)
     |> stream(:wishlist_records, wishlist_records, reset: true)
     |> assign(:collection_records_count, Enum.count(collection_records))

lib/music_library_web/live/artist_live/show.html.heex

@@ -2,6 +2,7 @@
   <header class="mt-1 gap-1">
     <h1 class="font-semibold text-2xl leading-5 text-zinc-700 dark:text-zinc-300 text-wrap">
       {@artist.name}
+      <.country_flag country={@country} />
     </h1>
 
     <div class="mt-4 flex items-center justify-between">