+

+
<%= track.artist.name %>
<%= track.title %>
-
-
-
-
-
-
- <.focus_wrap
- id={"actions-#{track.scrobbled_at_uts}"}
- class={[
- "hidden pointer-events-auto absolute right-0 z-10 mt-2 w-48 origin-top-right rounded-md bg-white dark:bg-zinc-800 py-2 shadow-lg ring-1 ring-zinc-900/5 focus:outline-none"
- ]}
- role="menu"
- aria-orientation="vertical"
- aria-labelledby="options-menu-0-button"
+ <.focus_wrap
+ id={"actions-#{track.scrobbled_at_uts}"}
+ class={[
+ "hidden pointer-events-auto absolute right-0 z-10 mt-2 w-48 origin-top-right rounded-md bg-white dark:bg-zinc-800 py-2 shadow-lg ring-1 ring-zinc-900/5 focus:outline-none"
+ ]}
+ role="menu"
+ aria-orientation="vertical"
+ aria-labelledby="options-menu-0-button"
+ tabindex="-1"
+ >
+ <.link
+ :for={format <- Records.Record.formats()}
+ class="block px-3 py-1 text-sm leading-6 text-zinc-900 dark:text-zinc-400 hover:bg-zinc-50 dark:hover:text-zinc-300 dark:hover:bg-zinc-700"
+ role="menuitem"
tabindex="-1"
+ id={"actions-#{track.scrobbled_at_uts}-#{format}-import"}
+ phx-click={
+ JS.push("import",
+ value: %{id: track.album.musicbrainz_id, format: format},
+ page_loading: true
+ )
+ }
>
- <.link
- :for={format <- Records.Record.formats()}
- class="block px-3 py-1 text-sm leading-6 text-zinc-900 dark:text-zinc-400 hover:bg-zinc-50 dark:hover:text-zinc-300 dark:hover:bg-zinc-700"
- role="menuitem"
- tabindex="-1"
- id={"actions-#{track.scrobbled_at_uts}-#{format}-import"}
- phx-click={
- JS.push("import",
- value: %{id: track.album.musicbrainz_id, format: format},
- page_loading: true
- )
- }
- >
- <%= Records.Record.format_long_label(format) %>
-
-
-
+ <%= Records.Record.format_long_label(format) %>
+
+