From a31d92bc9f12a058b936ccff199bb4eddd299588 Mon Sep 17 00:00:00 2001
From: Claudio Ortolina <cloud8421@gmail.com>
Date: Mon, 9 Jun 2025 18:40:03 +0100
Subject: [PATCH] Show confetti when adding a record

---
 assets/js/app.js                                         | 1 +
 lib/music_library_web/components/add_record_component.ex | 6 +++++-
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/assets/js/app.js b/assets/js/app.js
index e2466f85..4fe23e6c 100644
--- a/assets/js/app.js
+++ b/assets/js/app.js
@@ -66,6 +66,7 @@ window.addEventListener("music_library:confetti", (_event) => {
   confetti({
     particleCount: 100,
     spread: 200,
+    zIndex: 1500,
   });
 });
 
diff --git a/lib/music_library_web/components/add_record_component.ex b/lib/music_library_web/components/add_record_component.ex
index 9150fef8..5ee40e68 100644
--- a/lib/music_library_web/components/add_record_component.ex
+++ b/lib/music_library_web/components/add_record_component.ex
@@ -97,7 +97,11 @@ defmodule MusicLibraryWeb.AddRecordComponent do
               tabindex="0"
               id={"actions-#{@release_group.id}-#{format}-import"}
               phx-click={
-                JS.push("import", value: %{id: @release_group.id, format: format}, page_loading: true)
+                JS.dispatch("music_library:confetti")
+                |> JS.push("import",
+                  value: %{id: @release_group.id, format: format},
+                  page_loading: true
+                )
               }
             >
               {format_label(format)}