Extract record_cover/1 component

lib/music_library_web/live/collection_live/show.ex

@@ -9,7 +9,8 @@ defmodule MusicLibraryWeb.CollectionLive.Show do
       type_label: 1,
       release_summary: 1,
       artist_links: 1,
-      record_colors: 1
+      record_colors: 1,
+      record_cover: 1
     ]
 
   alias MusicLibrary.{Records, ScrobbleActivity}

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

@@ -1,9 +1,8 @@
 <div class="md:flex mt-4 px-4 md:gap-x-4">
   <div class="drop-shadow-sm md:max-w-[38rem]">
-    <img
+    <.record_cover
+      record={@record}
       class="w-full rounded-lg drop-shadow-sm"
-      src={~p"/covers/#{@record.id}?vsn=#{@record.cover_hash}"}
-      alt={@record.title}
     />
   </div>
 

lib/music_library_web/live/wishlist_live/show.ex

@@ -7,7 +7,8 @@ defmodule MusicLibraryWeb.WishlistLive.Show do
       type_label: 1,
       release_summary: 1,
       artist_links: 1,
-      record_colors: 1
+      record_colors: 1,
+      record_cover: 1
     ]
 
   alias MusicLibrary.OnlineStoreTemplates

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

@@ -1,9 +1,8 @@
 <div class="md:flex mt-4 px-4 md:gap-x-4">
   <div class="drop-shadow-sm md:max-w-[38rem]">
-    <img
+    <.record_cover
+      record={@record}
       class="w-full rounded-lg drop-shadow-sm"
-      src={~p"/covers/#{@record.id}?vsn=#{@record.cover_hash}"}
-      alt={@record.title}
     />
   </div>