github-mirrors/kibana
1
0
Fork 0
mirror of https://github.com/elastic/kibana.git synced 2025-04-24 09:48:58 -04:00
Code Issues Projects Releases Packages Wiki Activity

[Synthetics] Fix data view loading for exp view on initial load (#153376)

Browse source
This commit is contained in:
Shahzad 2023-03-21 18:07:34 +01:00 • committed by GitHub
parent 9e1342dfb1
commit 07ca356261
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 19 additions and 33 deletions
Download patch file Download diff file Expand all files Collapse all files

52
x-pack/plugins/observability/public/components/shared/exploratory_view/embeddable/use_app_data_view.ts
View file

@ -5,10 +5,14 @@
* 2.0.
*/
import { useCallback, useEffect, useState } from 'react';
import { useState } from 'react';
import { DataView } from '@kbn/data-views-plugin/common';
import { useLocalDataView } from './use_local_data_view';
import type { ExploratoryEmbeddableProps, ObservabilityPublicPluginsStart } from '../../../..';
import {
ExploratoryEmbeddableProps,
ObservabilityPublicPluginsStart,
useFetcher,
} from '../../../..';
import type { DataViewState } from '../hooks/use_app_data_view';
import type { AppDataType } from '../types';
import { ObservabilityDataViews } from '../../../../utils/observability_data_views/observability_data_views';
@ -28,42 +32,24 @@ export const useAppDataView = ({
dataTypesIndexPatterns: ExploratoryEmbeddableProps['dataTypesIndexPatterns'];
}) => {
const [dataViews, setDataViews] = useState<DataViewState>({} as DataViewState);
const [loading, setLoading] = useState(false);
const { dataViewTitle } = useLocalDataView(seriesDataType, dataTypesIndexPatterns);
const loadIndexPattern = useCallback(
async ({ dataType }: { dataType: AppDataType }) => {
setLoading(true);
try {
if (dataViewTitle) {
if (dataViewCache[dataViewTitle]) {
setDataViews((prevState) => ({
...(prevState ?? {}),
[dataType]: dataViewCache[dataViewTitle],
}));
} else {
const obsvIndexP = new ObservabilityDataViews(dataViewsService, true);
const indPattern = await obsvIndexP.getDataView(dataType, dataViewTitle);
dataViewCache[dataViewTitle] = indPattern!;
setDataViews((prevState) => ({ ...(prevState ?? {}), [dataType]: indPattern }));
}
setLoading(false);
}
} catch (e) {
setLoading(false);
const { loading } = useFetcher(async () => {
if (dataViewTitle && !dataViews[seriesDataType]) {
if (dataViewCache[dataViewTitle]) {
setDataViews((prevState) => ({
...(prevState ?? {}),
[seriesDataType]: dataViewCache[dataViewTitle],
}));
} else {
const obsvIndexP = new ObservabilityDataViews(dataViewsService, true);
const indPattern = await obsvIndexP.getDataView(seriesDataType, dataViewTitle);
dataViewCache[dataViewTitle] = indPattern!;
setDataViews((prevState) => ({ ...(prevState ?? {}), [seriesDataType]: indPattern }));
}
},
[dataViewCache, dataViewTitle, dataViewsService]
);
useEffect(() => {
if (seriesDataType && !loading && !dataViews[seriesDataType]) {
loadIndexPattern({ dataType: seriesDataType });
}
// eslint-disable-next-line react-hooks/exhaustive-deps
}, [dataViewTitle, seriesDataType, loadIndexPattern, JSON.stringify(series)]);
}, [dataViewTitle, seriesDataType, JSON.stringify(series)]);
return { dataViews, loading };
};