chore(explore): added debounce in DateFilter (#13660)

This commit is contained in:
Yongjie Zhao
2021-03-17 23:04:50 +08:00
committed by GitHub
parent 0e0c99b2fb
commit 7b74eb2730
3 changed files with 23 additions and 13 deletions

View File

@@ -39,6 +39,8 @@ import Icon from 'src/components/Icon';
import { Select } from 'src/components/Select';
import { Tooltip } from 'src/common/components/Tooltip';
import { DEFAULT_TIME_RANGE } from 'src/explore/constants';
import { useDebouncedEffect } from 'src/explore/exploreUtils';
import { SLOW_DEBOUNCE } from 'src/constants';
import { SelectOptionType, FrameType } from './types';
import {
@@ -220,17 +222,21 @@ export default function DateFilterLabel(props: DateFilterControlProps) {
});
}, [value]);
useEffect(() => {
fetchTimeRange(timeRangeValue, endpoints).then(({ value, error }) => {
if (error) {
setEvalResponse(error || '');
setValidTimeRange(false);
} else {
setEvalResponse(value || '');
setValidTimeRange(true);
}
});
}, [timeRangeValue]);
useDebouncedEffect(
() => {
fetchTimeRange(timeRangeValue, endpoints).then(({ value, error }) => {
if (error) {
setEvalResponse(error || '');
setValidTimeRange(false);
} else {
setEvalResponse(value || '');
setValidTimeRange(true);
}
});
},
SLOW_DEBOUNCE,
[timeRangeValue],
);
function onSave() {
onChange(timeRangeValue);