From 9e6e66340a5628976842e95d8c24af6fcc6e414d Mon Sep 17 00:00:00 2001
From: Dorian Grasset <doriangrasset@proton.me>
Date: Fri, 16 Jan 2026 18:38:21 +0100
Subject: [PATCH] refactor: enhance status display logic in MonitorListFilter
 component

---
 src/components/MonitorListFilter.vue | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/components/MonitorListFilter.vue b/src/components/MonitorListFilter.vue
index 84183c09f..0af672f27 100644
--- a/src/components/MonitorListFilter.vue
+++ b/src/components/MonitorListFilter.vue
@@ -1,7 +1,11 @@
 <template>
-    <MonitorListFilterDropdown :filterActive="filterState.status?.length > 0">
+    <MonitorListFilterDropdown :filterActive="filterState.status?.length > 0 || filterState.active?.length > 0">
         <template #status>
-            <Status v-if="filterState.status?.length === 1" :status="filterState.status[0]" />
+            <Status v-if="filterState.status?.length === 1 && !filterState.active?.length" :status="filterState.status[0]" />
+            <span v-else-if="!filterState.status?.length && filterState.active?.length === 1" class="badge status-pill" :class="filterState.active[0] ? 'running' : 'paused'">
+                <font-awesome-icon :icon="filterState.active[0] ? 'play' : 'pause'" class="icon-small" />
+                {{ filterState.active[0] ? $t("Running") : $t("filterActivePaused") }}
+            </span>
             <span v-else>
                 {{ $t("Status") }}
             </span>