From 38395482892b315de9078d243c0b33985173a725 Mon Sep 17 00:00:00 2001
From: pacnpal <183241239+pacnpal@users.noreply.github.com>
Date: Wed, 13 Nov 2024 18:57:48 +0000
Subject: [PATCH] Move loading indicator to center of empty state div in
 submission list

---
 templates/moderation/partials/submission_list.html | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/templates/moderation/partials/submission_list.html b/templates/moderation/partials/submission_list.html
index 19822376..663fe3d4 100644
--- a/templates/moderation/partials/submission_list.html
+++ b/templates/moderation/partials/submission_list.html
@@ -142,10 +142,18 @@
     {% endif %}
 </div>
 {% empty %}
-<div class="p-8 text-center bg-white border rounded-lg dark:bg-gray-800 border-gray-200/50 dark:border-gray-700/50">
+<div class="relative p-8 text-center bg-white border rounded-lg dark:bg-gray-800 border-gray-200/50 dark:border-gray-700/50">
     <div class="text-gray-600 dark:text-gray-400">
         <i class="mb-4 text-5xl fas fa-inbox"></i>
         <p class="text-lg">No submissions found matching your filters.</p>
     </div>
+
+    <div id="loading-indicator" 
+         class="absolute inset-0 flex items-center justify-center rounded-lg htmx-indicator bg-gray-900/80">
+        <div class="flex items-center p-6 space-x-4">
+            <div class="w-8 h-8 border-4 border-blue-500 rounded-full animate-spin border-t-transparent"></div>
+            <span class="text-gray-300">Loading...</span>
+        </div>
+    </div>
 </div>
 {% endfor %}