Update scrobbled track form

- Show artwork
- Remove input to change datetime
- Improve styling of actions

lib/music_library_web/live/scrobbled_tracks_live/form_component.ex

@@ -46,11 +46,11 @@ defmodule MusicLibraryWeb.ScrobbledTracksLive.FormComponent do
           />
         </.inputs_for>
 
-        <.input
-          field={@form[:scrobbled_at_label]}
-          type="text"
-          label={gettext("Scrobbled Date/Time")}
-          placeholder={gettext("Format: DD/MM/YYYY HH:MM:SS")}
+        <div class="flex gap-x-2">
+          <img
+            class="size-16 rounded-md"
+            alt={@form[:title].value}
+            src={@form[:cover_url].value}
           />
 
           <.input
@@ -59,11 +59,14 @@ defmodule MusicLibraryWeb.ScrobbledTracksLive.FormComponent do
             label={gettext("Cover Image URL (optional)")}
             placeholder="https://example.com/cover.jpg"
           />
+        </div>
 
         <:actions>
-          <.button phx-disable-with={gettext("Saving...")}>
+          <div class="w-full md:flex md:justify-center">
+            <.button variant="solid" class="w-full md:w-auto" phx-disable-with={gettext("Saving...")}>
               {gettext("Update Track")}
             </.button>
+          </div>
         </:actions>
       </.simple_form>
     </div>

priv/gettext/default.pot

@@ -1367,11 +1367,6 @@ msgstr ""
 msgid "Edit track"
 msgstr ""
 
-#: lib/music_library_web/live/scrobbled_tracks_live/form_component.ex
-#, elixir-autogen, elixir-format
-msgid "Format: DD/MM/YYYY HH:MM:SS"
-msgstr ""
-
 #: lib/music_library_web/live/scrobbled_tracks_live/index.html.heex
 #, elixir-autogen, elixir-format
 msgid "No scrobbled tracks found"
@@ -1382,11 +1377,6 @@ msgstr ""
 msgid "Scrobbled"
 msgstr ""
 
-#: lib/music_library_web/live/scrobbled_tracks_live/form_component.ex
-#, elixir-autogen, elixir-format
-msgid "Scrobbled Date/Time"
-msgstr ""
-
 #: lib/music_library_web/components/layouts/app.html.heex
 #: lib/music_library_web/live/scrobbled_tracks_live/index.ex
 #, elixir-autogen, elixir-format

priv/gettext/en/LC_MESSAGES/default.po

@@ -1367,11 +1367,6 @@ msgstr ""
 msgid "Edit track"
 msgstr ""
 
-#: lib/music_library_web/live/scrobbled_tracks_live/form_component.ex
-#, elixir-autogen, elixir-format
-msgid "Format: DD/MM/YYYY HH:MM:SS"
-msgstr ""
-
 #: lib/music_library_web/live/scrobbled_tracks_live/index.html.heex
 #, elixir-autogen, elixir-format, fuzzy
 msgid "No scrobbled tracks found"
@@ -1382,11 +1377,6 @@ msgstr ""
 msgid "Scrobbled"
 msgstr ""
 
-#: lib/music_library_web/live/scrobbled_tracks_live/form_component.ex
-#, elixir-autogen, elixir-format
-msgid "Scrobbled Date/Time"
-msgstr ""
-
 #: lib/music_library_web/components/layouts/app.html.heex
 #: lib/music_library_web/live/scrobbled_tracks_live/index.ex
 #, elixir-autogen, elixir-format, fuzzy