Extract some reused components

2026-02-07 17:23:13 +00:00
parent ecd87ee2c6
commit a7056aa8d9
10 changed files with 258 additions and 500 deletions
@@ -135,18 +135,10 @@
                {@artist.musicbrainz_id}
              </code>
            </a>
-            <button phx-click={
-              JS.dispatch("music_library:clipcopy", to: "#mb-" <> @artist.musicbrainz_id)
-              |> JS.transition("animate-shake")
-            }>
-              <span class="sr-only">{gettext("Copy MusicBrainz ID to clipboard")}</span>
-              <.icon
-                name="hero-clipboard-document"
-                class="-mt-1 h-5 w-5"
-                aria-hidden="true"
-                data-slot="icon"
-              />
-            </button>
+            <.copy_to_clipboard
+              target_id={"mb-#{@artist.musicbrainz_id}"}
+              label={gettext("Copy MusicBrainz ID to clipboard")}
+            />
          </dd>
        </dl>
        <.async_result :let={lastfm_artist_info} assign={@lastfm_artist_info}>