diff --git a/web/src/routes/admin/queues/[name]/+page.svelte b/web/src/routes/admin/queues/[name]/+page.svelte index 7ecc935250f35..a6bcb77878957 100644 --- a/web/src/routes/admin/queues/[name]/+page.svelte +++ b/web/src/routes/admin/queues/[name]/+page.svelte @@ -29,13 +29,22 @@ const { data }: Props = $props(); - let queue = $derived(data.queue); + const queueName = data.queue.name; + let queue = $state(data.queue); const { Pause, Resume, Empty, RemoveFailedJobs } = $derived(getQueueActions($t, queue)); const item = $derived(asQueueItem($t, queue)); onMount(() => queueManager.listen()); + $effect(() => { + const updatedQueue = queueManager.queues.find(({ name }) => name === queueName); + + if (updatedQueue) { + queue = updatedQueue; + } + }); + const onQueueUpdate = (update: QueueResponseDto) => { if (update.name === queue.name) { queue = update;