[APM] Instantly display local UI filter names (#44063)

Closes #43339.
This commit is contained in:
Dario Gieselaar 2019-08-27 15:12:58 +02:00 committed by GitHub
parent 8cdd469ce7
commit 77e95eacdd
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

View file

@ -9,14 +9,24 @@ import { useFetcher } from './useFetcher';
import { callApi } from '../services/rest/callApi';
import { LocalUIFiltersAPIResponse } from '../../server/lib/ui_filters/local_ui_filters';
import { useUrlParams } from './useUrlParams';
import { LocalUIFilterName } from '../../server/lib/ui_filters/local_ui_filters/config';
import {
LocalUIFilterName,
localUIFilters
} from '../../server/lib/ui_filters/local_ui_filters/config';
import { history } from '../utils/history';
import { toQuery, fromQuery } from '../components/shared/Links/url_helpers';
import { removeUndefinedProps } from '../context/UrlParamsContext/helpers';
import { PROJECTION } from '../../common/projections/typings';
import { pickKeys } from '../utils/pickKeys';
const initialData = [] as LocalUIFiltersAPIResponse;
const getInitialData = (
filterNames: LocalUIFilterName[]
): LocalUIFiltersAPIResponse => {
return filterNames.map(filterName => ({
options: [],
...localUIFilters[filterName]
}));
};
export function useLocalUIFilters({
projection,
@ -53,7 +63,7 @@ export function useLocalUIFilters({
});
};
const { data = initialData, status } = useFetcher(() => {
const { data = getInitialData(filterNames), status } = useFetcher(() => {
return callApi<LocalUIFiltersAPIResponse>({
method: 'GET',
pathname: `/api/apm/ui_filters/local_filters/${projection}`,