From 9a64e87282d238c064be22e5a6d0d52ebbeae8ef Mon Sep 17 00:00:00 2001
From: Nicholas Surmava <nicholas.surmava@gmail.com>
Date: Wed, 1 Apr 2026 15:15:50 -0400
Subject: [PATCH] fixed filtered on status_filter in incident tab in home.vue,
 after refactoring and using filtered_incidents...

---
 frontend/src/pages/Home.vue | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/frontend/src/pages/Home.vue b/frontend/src/pages/Home.vue
index 245c752..82ec381 100644
--- a/frontend/src/pages/Home.vue
+++ b/frontend/src/pages/Home.vue
@@ -28,6 +28,11 @@ const active_tab = computed({
 // const severity_filter = ref<number | null>(null) // NOTE: Null here means show all severities.
 const status_filter = ref<string | null>(null)
 
+const displayed_incidents = computed(() => {
+    if (status_filter.value === null) return filtered_incidents.value
+    return filtered_incidents.value.filter(i => i.status === status_filter.value)
+})
+
 const fetch_all = async (before?: number) => {
     const was_live = store.is_live
     const alarm_url = before ? `${ALARMS_ENDPOINT}?before=${before}` : `${ALARMS_ENDPOINT}`
@@ -141,7 +146,7 @@ onMounted(async () => {
                     </div>
                 </div>
                 <div class="alarm_scroll">
-                    <IncidentCard :data="filtered_incidents" />
+                    <IncidentCard :data="displayed_incidents" />
                 </div>
             </div>
             <div v-if="active_tab === 'sites'">