From 275e7160d3ddc5b059361acb3ecd8b8310b541fc Mon Sep 17 00:00:00 2001
From: Claudio Ortolina <cloud8421@gmail.com>
Date: Wed, 11 Jun 2025 20:54:47 +0300
Subject: [PATCH] Display record cover in edit form

---
 .../components/form_component.ex               | 18 +++++-------------
 1 file changed, 5 insertions(+), 13 deletions(-)

diff --git a/lib/music_library_web/components/form_component.ex b/lib/music_library_web/components/form_component.ex
index 5c2c7b28..1e34badb 100644
--- a/lib/music_library_web/components/form_component.ex
+++ b/lib/music_library_web/components/form_component.ex
@@ -71,20 +71,12 @@ defmodule MusicLibraryWeb.FormComponent do
             ]}
           >
             <div class="text-center">
-              <svg
+              <img
                 :if={@uploads.cover_data.entries == []}
-                class="mx-auto size-24 text-zinc-300"
-                viewBox="0 0 24 24"
-                fill="currentColor"
-                aria-hidden="true"
-                data-slot="icon"
-              >
-                <path
-                  fill-rule="evenodd"
-                  d="M1.5 6a2.25 2.25 0 0 1 2.25-2.25h16.5A2.25 2.25 0 0 1 22.5 6v12a2.25 2.25 0 0 1-2.25 2.25H3.75A2.25 2.25 0 0 1 1.5 18V6ZM3 16.06V18c0 .414.336.75.75.75h16.5A.75.75 0 0 0 21 18v-1.94l-2.69-2.689a1.5 1.5 0 0 0-2.12 0l-.88.879.97.97a.75.75 0 1 1-1.06 1.06l-5.16-5.159a1.5 1.5 0 0 0-2.12 0L3 16.061Zm10.125-7.81a1.125 1.125 0 1 1 2.25 0 1.125 1.125 0 0 1-2.25 0Z"
-                  clip-rule="evenodd"
-                />
-              </svg>
+                class="rounded-lg mx-auto w-24"
+                alt={@record.title}
+                src={~p"/covers/#{@record.id}?vsn=#{@record.cover_hash}"}
+              />
               <.live_img_preview
                 :for={entry <- @uploads.cover_data.entries}
                 class="mx-auto size-24"