diff --git a/frontend/src/lib/components/RunsPage.svelte b/frontend/src/lib/components/RunsPage.svelte index 94939143cc..541f12f1ca 100644 --- a/frontend/src/lib/components/RunsPage.svelte +++ b/frontend/src/lib/components/RunsPage.svelte @@ -776,9 +776,8 @@ maxTimeSet={manualTimeframe?.maxTs} maxIsNow={manualTimeframe?.maxTs == undefined} jobs={completedJobs} - onZoom={async (zoom) => { + onZoom={(zoom) => { _timeframe.val = buildManualTimeframe(zoom.min.toISOString(), zoom.max.toISOString()) - jobsLoader?.loadJobs(true) }} onPointClicked={(ids) => { runsTable?.scrollToRun(ids) @@ -790,9 +789,8 @@ maxTimeSet={manualTimeframe?.maxTs} maxIsNow={manualTimeframe?.maxTs == undefined} {extendedJobs} - onZoom={async (zoom) => { + onZoom={(zoom) => { _timeframe.val = buildManualTimeframe(zoom.min.toISOString(), zoom.max.toISOString()) - jobsLoader?.loadJobs(true) }} /> {/if} diff --git a/frontend/src/lib/components/runs/useJobsLoader.svelte.ts b/frontend/src/lib/components/runs/useJobsLoader.svelte.ts index 6d6085e437..e2bbeb3fe0 100644 --- a/frontend/src/lib/components/runs/useJobsLoader.svelte.ts +++ b/frontend/src/lib/components/runs/useJobsLoader.svelte.ts @@ -110,6 +110,7 @@ export function useJobsLoader(args: () => UseJobLoaderArgs) { let intervalId: ReturnType | undefined = $state() let sync = true let paramChangeTimeout: ReturnType | undefined + let paramChangePromise: CancelablePromise | undefined function onParamChanges() { resetJobs() @@ -545,14 +546,14 @@ export function useJobsLoader(args: () => UseJobLoaderArgs) { perPage showSchedules showFutureJobs - let p: CancelablePromise | undefined clearTimeout(paramChangeTimeout) + paramChangePromise?.cancel() paramChangeTimeout = setTimeout(() => { - p = untrack(() => onParamChanges()) + paramChangePromise = untrack(() => onParamChanges()) }, 0) return () => { clearTimeout(paramChangeTimeout) - p?.cancel() + paramChangePromise?.cancel() } }) $effect(() => {