[Observability] Load hasData call asynchronously

x-pack/plugins/apm/public/components/app/RumDashboard/ux_overview_fetchers.ts

@@ -8,6 +8,7 @@ import {
   FetchDataParams,
   HasDataParams,
   UxFetchDataResponse,
+  UXHasDataResponse,
 } from '../../../../../observability/public/';
 import { callApmApi } from '../../../services/rest/createCallApmApi';
 
@@ -35,7 +36,9 @@ export const fetchUxOverviewDate = async ({
   };
 };
 
-export async function hasRumData({ absoluteTime }: HasDataParams) {
+export async function hasRumData({
+  absoluteTime,
+}: HasDataParams): Promise<UXHasDataResponse> {
   return await callApmApi({
     pathname: '/api/apm/observability_overview/has_rum_data',
     params: {

x-pack/plugins/infra/public/utils/logs_overview_fetchers.ts

@@ -6,12 +6,7 @@
 
 import { encode } from 'rison-node';
 import { SearchResponse } from 'elasticsearch';
-import {
-  FetchData,
-  FetchDataParams,
-  HasData,
-  LogsFetchDataResponse,
-} from '../../../observability/public';
+import { FetchData, FetchDataParams, LogsFetchDataResponse } from '../../../observability/public';
 import { DEFAULT_SOURCE_ID } from '../../common/constants';
 import { callFetchLogSourceConfigurationAPI } from '../containers/logs/log_source/api/fetch_log_source_configuration';
 import { callFetchLogSourceStatusAPI } from '../containers/logs/log_source/api/fetch_log_source_status';
@@ -38,9 +33,7 @@ interface LogParams {
 
 type StatsAndSeries = Pick<LogsFetchDataResponse, 'stats' | 'series'>;
 
-export function getLogsHasDataFetcher(
-  getStartServices: InfraClientCoreSetup['getStartServices']
-): HasData {
+export function getLogsHasDataFetcher(getStartServices: InfraClientCoreSetup['getStartServices']) {
   return async () => {
     const [core] = await getStartServices();
     const sourceStatus = await callFetchLogSourceStatusAPI(DEFAULT_SOURCE_ID, core.http.fetch);

x-pack/plugins/observability/public/application/application.test.tsx

@@ -14,6 +14,13 @@ describe('renderApp', () => {
   it('renders', async () => {
     const plugins = ({
       usageCollection: { reportUiStats: () => {} },
+      data: {
+        query: {
+          timefilter: {
+            timefilter: { setTime: jest.fn(), getTime: jest.fn().mockImplementation(() => ({})) },
+          },
+        },
+      },
     } as unknown) as ObservabilityPluginSetupDeps;
     const core = ({
       application: { currentAppId$: new Observable(), navigateToUrl: () => {} },

x-pack/plugins/observability/public/application/index.tsx

@@ -18,6 +18,7 @@ import { usePluginContext } from '../hooks/use_plugin_context';
 import { useRouteParams } from '../hooks/use_route_params';
 import { Breadcrumbs, routes } from '../routes';
 import { ObservabilityPluginSetupDeps } from '../plugin';
+import { HasDataContextProvider } from '../context/has_data_context';
 
 const observabilityLabelBreadcrumb = {
   text: i18n.translate('xpack.observability.observability.breadcrumb.', {
@@ -45,7 +46,7 @@ function App() {
               core.chrome.docTitle.change(getTitleFromBreadCrumbs(breadcrumb));
             }, [core, breadcrumb]);
 
-            const { query, path: pathParams } = useRouteParams(route.params);
+            const { query, path: pathParams } = useRouteParams(path);
             return route.handler({ query, path: pathParams });
           };
           return <Route key={path} path={path} exact={true} component={Wrapper} />;
@@ -70,7 +71,9 @@ export const renderApp = (
           <EuiThemeProvider darkMode={isDarkMode}>
             <i18nCore.Context>
               <RedirectAppLinks application={core.application}>
-                <App />
+                <HasDataContextProvider>
+                  <App />
+                </HasDataContextProvider>
               </RedirectAppLinks>
             </i18nCore.Context>
           </EuiThemeProvider>