From d40a4764ebbcace4800ff57efca43afdac34e023 Mon Sep 17 00:00:00 2001
From: Brock H Caldwell <brock@caldwellnetworks.com>
Date: Tue, 10 Jun 2025 14:26:37 -0500
Subject: [PATCH] fix: adds loading indicator to download search component

---
 templates/components/DownloadSearch.html.twig | 3 +++
 templates/components/Filter.html.twig         | 3 +--
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/templates/components/DownloadSearch.html.twig b/templates/components/DownloadSearch.html.twig
index 191c5a9..68984be 100644
--- a/templates/components/DownloadSearch.html.twig
+++ b/templates/components/DownloadSearch.html.twig
@@ -10,6 +10,9 @@
                          shadow-sm focus:shadow"
                     placeholder="{{ placeholder ?? 'TV Show, Movie...' }}"
             />
+
+            <twig:ux:icon name="codex:loader" height="20" width="20" data-loading-icon-target="icon" data-loading="removeClass(hidden)" class="absolute top-2 right-16 text-orange-500 hidden text-end" />
+
             <button
                     class="absolute top-1 right-1 flex items-center
                     bg-green-600 py-1 px-2  text-center
diff --git a/templates/components/Filter.html.twig b/templates/components/Filter.html.twig
index 81e78e2..560fb8a 100644
--- a/templates/components/Filter.html.twig
+++ b/templates/components/Filter.html.twig
@@ -73,8 +73,7 @@
             {#                        </label>#}
         {% endif %}
         <span {{ stimulus_controller('loading_icon', {total: (results.media.mediaType == "tvshows") ? results.media.episodes[1]|length : 1, count: 0}) }}
-            class="loading-icon"
-        >
+            class="loading-icon">
             <twig:ux:icon name="codex:loader" height="20" width="20" data-loading-icon-target="icon" class="text-end" />
         </span>
     </div>