diff --git a/src/lib/pages/task-queue.svelte b/src/lib/pages/task-queue.svelte index 5dfc292bc..f06dc6b28 100644 --- a/src/lib/pages/task-queue.svelte +++ b/src/lib/pages/task-queue.svelte @@ -7,12 +7,15 @@ import Tabs from '$lib/holocene/tab/tabs.svelte'; import { translate } from '$lib/i18n/translate'; import { getPollers } from '$lib/services/pollers-service'; + import { taskQueueView } from '$lib/stores/task-queue-view'; import TaskQueueVersioning from './task-queue-versioning.svelte'; $: ({ queue: taskQueue, namespace } = $page.params); - let view: 'workers' | 'versioning' = 'workers'; + const onTab = (view: 'workers' | 'versioning') => { + $taskQueueView = view; + }; {#await getPollers({ queue: taskQueue, namespace }) then workers} @@ -25,16 +28,18 @@ (view = 'workers')} + onClick={() => onTab('workers')} + active={$taskQueueView === 'workers'} /> (view = 'versioning')} + onClick={() => onTab('versioning')} + active={$taskQueueView === 'versioning'} /> - {#if view === 'versioning'} + {#if $taskQueueView === 'versioning'} {:else} diff --git a/src/lib/stores/task-queue-view.ts b/src/lib/stores/task-queue-view.ts new file mode 100644 index 000000000..137fb9387 --- /dev/null +++ b/src/lib/stores/task-queue-view.ts @@ -0,0 +1,8 @@ +import { persistStore } from '$lib/stores/persist-store'; +import type { TaskQueueView } from '$lib/types/events'; + +export const taskQueueView = persistStore( + 'taskQueueView', + 'workers', + true, +); diff --git a/src/lib/types/events.ts b/src/lib/types/events.ts index 68c9df095..9339956c9 100644 --- a/src/lib/types/events.ts +++ b/src/lib/types/events.ts @@ -151,6 +151,7 @@ export type ChildEvent = StartChildWorkflowExecutionInitiatedEvent & ChildWorkflowExecutionTerminatedEvent; export type EventView = 'compact' | 'feed' | 'json'; +export type TaskQueueView = 'workers' | 'versioning'; export type IterableEvent = WorkflowEvent | EventGroup;