From 46fb943243b623e9a1f596aa9e22fd51f1e8be76 Mon Sep 17 00:00:00 2001
From: arabcoders <admin@arabcoders.org>
Date: Sun, 16 Nov 2025 00:46:02 +0300
Subject: [PATCH] Fix: change icons and show no items in history.

---
 ui/app/components/History.vue | 2 +-
 ui/app/components/Queue.vue   | 4 ++--
 ui/app/pages/index.vue        | 8 ++++----
 3 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/ui/app/components/History.vue b/ui/app/components/History.vue
index 0cc0c0fa..e2b2775d 100644
--- a/ui/app/components/History.vue
+++ b/ui/app/components/History.vue
@@ -417,7 +417,7 @@
         <span class="is-block">No results found for '<span class="is-underlined is-bold">{{ query }}</span>'.</span>
       </Message>
       <Message message_class="is-primary" title="No items" icon="fas fa-exclamation-triangle"
-        v-else-if="socket.isConnected && paginationInfo.total" :new-style="true">
+        v-else-if="socket.isConnected" :new-style="true">
         <p>Your download history is empty. Once queued downloads are completed, they will appear here.</p>
       </Message>
     </div>
diff --git a/ui/app/components/Queue.vue b/ui/app/components/Queue.vue
index 63482be0..c376a0eb 100644
--- a/ui/app/components/Queue.vue
+++ b/ui/app/components/Queue.vue
@@ -285,8 +285,8 @@
         @close="() => emitter('clear_search')" v-if="query">
         <span class="is-block">No results found for '<span class="is-underlined is-bold">{{ query }}</span>'.</span>
       </Message>
-      <Message message_class="is-info" title="No items" icon="fas fa-clock" :useClose="false" :newStyle="true"
-        v-else>
+      <Message message_class="is-info" title="No items" icon="fas fa-exclamation-triangle" :useClose="false"
+        :newStyle="true" v-else>
         <p>The download queue is empty.</p>
       </Message>
     </div>
diff --git a/ui/app/pages/index.vue b/ui/app/pages/index.vue
index 237a3266..5490480c 100644
--- a/ui/app/pages/index.vue
+++ b/ui/app/pages/index.vue
@@ -69,14 +69,14 @@
       <ul>
         <li :class="{ 'is-active': activeTab === 'queue' }">
           <a @click="setActiveTab('queue')">
-            <span class="icon is-small"><i class="fas fa-clock" aria-hidden="true"></i></span>
-            <span>Queue</span>
+            <span class="icon is-small"><i class="fas fa-download" /></span>
+            <span>Downloads</span>
             <span class="tag is-info is-rounded is-bold ml-2">{{ queueCount }}</span>
           </a>
         </li>
         <li :class="{ 'is-active': activeTab === 'history' }">
           <a @click="setActiveTab('history')">
-            <span class="icon is-small"><i class="fas fa-history" aria-hidden="true"></i></span>
+            <span class="icon is-small"><i class="fas fa-history" /></span>
             <span>History</span>
             <span class="tag is-primary is-rounded is-bold ml-2">{{ historyCount }}</span>
           </a>
@@ -204,7 +204,7 @@ const pauseDownload = () => {
   dialog_confirm.value.visible = true
   dialog_confirm.value.html_message = `
   <span class="icon-text">
-    <span class="icon"><i class="fa-solid fa-exclamation-triangle"></i></span>
+    <span class="icon"><i class="fa-solid fa-exclamation-triangle"/></span>
     <span class="is-bold">Pause All non-active downloads?</span>
   </span>
   <br>