From ff14d10d9c06bf894b0f56f9e48c4bdc847af882 Mon Sep 17 00:00:00 2001
From: thePR0M3TH3AN <53631862+PR0M3TH3AN@users.noreply.github.com>
Date: Tue, 30 Sep 2025 16:10:41 -0400
Subject: [PATCH] Add profile history status message

---
 components/profile-modal.html | 11 ++++++++++-
 js/app.js                     |  1 +
 2 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/components/profile-modal.html b/components/profile-modal.html
index efe700ce..86b844ba 100644
--- a/components/profile-modal.html
+++ b/components/profile-modal.html
@@ -291,8 +291,17 @@
                 Your recently watched videos appear here so you can jump back into favorites.
               </p>
               <div class="space-y-4">
-                <div id="profileHistoryLoading" class="flex justify-center py-6">
+                <div
+                  id="profileHistoryLoading"
+                  class="flex items-center justify-center gap-3 py-6"
+                >
                   <div class="h-8 w-8 border-4 border-blue-500 border-t-transparent rounded-full animate-spin"></div>
+                  <p
+                    id="profileHistoryStatus"
+                    class="text-sm text-gray-300 hidden"
+                    aria-live="polite"
+                    role="status"
+                  ></p>
                 </div>
                 <div
                   id="profileHistoryEmpty"
diff --git a/js/app.js b/js/app.js
index 3a954fb3..d286a7cc 100644
--- a/js/app.js
+++ b/js/app.js
@@ -3951,6 +3951,7 @@ class bitvidApp {
           viewSelector: "#profilePaneHistory",
           gridSelector: "#profileHistoryGrid",
           loadingSelector: "#profileHistoryLoading",
+          statusSelector: "#profileHistoryStatus",
           emptySelector: "#profileHistoryEmpty",
           sentinelSelector: "#profileHistorySentinel",
           scrollContainerSelector: "#profileHistoryScroll",