From d942e7212aeb2b99770c110b46f1ed1f1a287e8f Mon Sep 17 00:00:00 2001
From: Anukul <beinganukul@gmail.com>
Date: Fri, 23 Jan 2026 21:54:19 +0545
Subject: [PATCH] fix(web): fix badge value in queues page (#25445)

Co-authored-by: Daniel Dietzler <36593685+danieldietzler@users.noreply.github.com>
---
 web/src/routes/admin/queues/[name]/+page.svelte | 12 +-----------
 1 file changed, 1 insertion(+), 11 deletions(-)

diff --git a/web/src/routes/admin/queues/[name]/+page.svelte b/web/src/routes/admin/queues/[name]/+page.svelte
index 7ecc935250..482076d146 100644
--- a/web/src/routes/admin/queues/[name]/+page.svelte
+++ b/web/src/routes/admin/queues/[name]/+page.svelte
@@ -1,11 +1,9 @@
 <script lang="ts">
   import AdminPageLayout from '$lib/components/layouts/AdminPageLayout.svelte';
-  import OnEvents from '$lib/components/OnEvents.svelte';
   import QueueGraph from '$lib/components/QueueGraph.svelte';
   import { queueManager } from '$lib/managers/queue-manager.svelte';
   import { Route } from '$lib/route';
   import { asQueueItem, getQueueActions } from '$lib/services/queue.service';
-  import { type QueueResponseDto } from '@immich/sdk';
   import {
     Badge,
     Card,
@@ -29,22 +27,14 @@
 
   const { data }: Props = $props();
 
-  let queue = $derived(data.queue);
+  const queue = $derived(queueManager.queues.find((q) => q.name === data.queue.name) ?? data.queue);
 
   const { Pause, Resume, Empty, RemoveFailedJobs } = $derived(getQueueActions($t, queue));
   const item = $derived(asQueueItem($t, queue));
 
   onMount(() => queueManager.listen());
-
-  const onQueueUpdate = (update: QueueResponseDto) => {
-    if (update.name === queue.name) {
-      queue = update;
-    }
-  };
 </script>
 
-<OnEvents {onQueueUpdate} />
-
 <AdminPageLayout
   breadcrumbs={[{ title: $t('admin.queues'), href: Route.queues() }, { title: item.title }]}
   actions={[Pause, Resume, Empty, MenuItemType.Divider, RemoveFailedJobs]}