fix: adds loading indicator to download search component

2025-06-10 14:26:37 -05:00
parent 0119830ea7
commit d40a4764eb
2 changed files with 4 additions and 2 deletions
--- 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
--- 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>