Throttle submit instead of debounce

quickwit-oss · Feb 19, 2024 · d63aae3 · d63aae3
1 parent 152c274
commit d63aae3
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/components/QueryEditor/index.tsx b/src/components/QueryEditor/index.tsx
@@ -1,7 +1,7 @@
 import { css } from '@emotion/css';
 
 import React, { createContext } from 'react';
-import { debounceTime } from 'rxjs';
+import { debounceTime, throttleTime } from 'rxjs';
 import { useObservableCallback, useSubscription } from 'observable-hooks'
 
 import { CoreApp, Field, getDefaultTimeRange, GrafanaTheme2, QueryEditorProps } from '@grafana/data';
@@ -100,7 +100,7 @@ const QueryEditorForm = ({ value, onRunQuery }: Props) => {
   }
 
   const [onChangeCB, textChanged$] = useObservableCallback<string>(event$ => event$.pipe(debounceTime(1000)))
-  const [onSubmitCB, submitted$] = useObservableCallback<string>(event$=>event$.pipe(debounceTime(500)))
+  const [onSubmitCB, submitted$] = useObservableCallback<string>(event$=>event$.pipe(throttleTime(500)))
 
   useSubscription(textChanged$, onChange)
   useSubscription(submitted$, onSubmit)