From fd0747201ceab6655d2f55838bc9f9f17da2d127 Mon Sep 17 00:00:00 2001
From: Claudio Ortolina <cloud8421@gmail.com>
Date: Mon, 15 Dec 2025 09:55:53 +0300
Subject: [PATCH] Add missing icons in grid/list dropdown menus

---
 .../components/record_components.ex           | 36 +++++++++++++++++++
 1 file changed, 36 insertions(+)

diff --git a/lib/music_library_web/components/record_components.ex b/lib/music_library_web/components/record_components.ex
index 677e36c8..24b04b21 100644
--- a/lib/music_library_web/components/record_components.ex
+++ b/lib/music_library_web/components/record_components.ex
@@ -157,6 +157,12 @@ defmodule MusicLibraryWeb.RecordComponents do
             </:toggle>
             <.focus_wrap id={"actions-#{record.id}-focus-wrap"} class="pointer-events-auto">
               <.dropdown_link id={"actions-#{record.id}-edit"} patch={@record_edit_path.(record)}>
+                <.icon
+                  name="hero-pencil-square"
+                  class="h-4 w-4 mr-1 phx-click-loading:animate-bounce"
+                  aria-hidden="true"
+                  data-slot="icon"
+                />
                 {gettext("Edit")}
               </.dropdown_link>
 
@@ -168,6 +174,12 @@ defmodule MusicLibraryWeb.RecordComponents do
                   |> JS.push("add-to-collection", value: %{id: record.id})
                 }
               >
+                <.icon
+                  name="hero-banknotes"
+                  class="h-4 w-4 mr-1 phx-click-loading:animate-shake"
+                  aria-hidden="true"
+                  data-slot="icon"
+                />
                 {gettext("Purchased")}
               </.dropdown_link>
               <.dropdown_separator />
@@ -179,6 +191,12 @@ defmodule MusicLibraryWeb.RecordComponents do
                   "text-red-900! hover:bg-red-50! dark:text-red-500! dark:hover:bg-red-900/30! dark:hover:text-red-600!"
                 ]}
               >
+                <.icon
+                  name="hero-trash"
+                  class="h-4 w-4 mr-1 phx-click-loading:animate-spin"
+                  aria-hidden="true"
+                  data-slot="icon"
+                />
                 {gettext("Delete")}
               </.dropdown_link>
             </.focus_wrap>
@@ -263,6 +281,12 @@ defmodule MusicLibraryWeb.RecordComponents do
                     id={"actions-#{record.id}-edit"}
                     patch={@record_edit_path.(record)}
                   >
+                    <.icon
+                      name="hero-pencil-square"
+                      class="h-4 w-4 mr-1 phx-click-loading:animate-bounce"
+                      aria-hidden="true"
+                      data-slot="icon"
+                    />
                     {gettext("Edit")}
                   </.dropdown_link>
 
@@ -274,6 +298,12 @@ defmodule MusicLibraryWeb.RecordComponents do
                       |> JS.push("add-to-collection", value: %{id: record.id})
                     }
                   >
+                    <.icon
+                      name="hero-banknotes"
+                      class="h-4 w-4 mr-1 phx-click-loading:animate-shake"
+                      aria-hidden="true"
+                      data-slot="icon"
+                    />
                     {gettext("Purchased")}
                   </.dropdown_link>
                   <.dropdown_separator />
@@ -283,6 +313,12 @@ defmodule MusicLibraryWeb.RecordComponents do
                     data-confirm={gettext("Are you sure?")}
                     class="text-red-900! hover:bg-red-50! dark:text-red-500! dark:hover:bg-red-900/30! dark:hover:text-red-600!"
                   >
+                    <.icon
+                      name="hero-trash"
+                      class="h-4 w-4 mr-1 phx-click-loading:animate-spin"
+                      aria-hidden="true"
+                      data-slot="icon"
+                    />
                     {gettext("Delete")}
                   </.dropdown_link>
                 </.focus_wrap>