diff --git a/x-pack/plugins/infra/public/pages/logs/log_entry_categories/page.tsx b/x-pack/plugins/infra/public/pages/logs/log_entry_categories/page.tsx
index 64e83a6eaa49..ad7893183c4d 100644
--- a/x-pack/plugins/infra/public/pages/logs/log_entry_categories/page.tsx
+++ b/x-pack/plugins/infra/public/pages/logs/log_entry_categories/page.tsx
@@ -4,18 +4,20 @@
* you may not use this file except in compliance with the Elastic License.
*/
+import { EuiErrorBoundary } from '@elastic/eui';
import React from 'react';
-
import { ColumnarPage } from '../../../components/page';
import { LogEntryCategoriesPageContent } from './page_content';
import { LogEntryCategoriesPageProviders } from './page_providers';
export const LogEntryCategoriesPage = () => {
return (
-
-
-
-
-
+
+
+
+
+
+
+
);
};
diff --git a/x-pack/plugins/infra/public/pages/logs/log_entry_rate/page.tsx b/x-pack/plugins/infra/public/pages/logs/log_entry_rate/page.tsx
index 5ff5cd4db716..16751fabd6e9 100644
--- a/x-pack/plugins/infra/public/pages/logs/log_entry_rate/page.tsx
+++ b/x-pack/plugins/infra/public/pages/logs/log_entry_rate/page.tsx
@@ -4,18 +4,20 @@
* you may not use this file except in compliance with the Elastic License.
*/
+import { EuiErrorBoundary } from '@elastic/eui';
import React from 'react';
-
import { ColumnarPage } from '../../../components/page';
import { LogEntryRatePageContent } from './page_content';
import { LogEntryRatePageProviders } from './page_providers';
export const LogEntryRatePage = () => {
return (
-
-
-
-
-
+
+
+
+
+
+
+
);
};
diff --git a/x-pack/plugins/infra/public/pages/logs/page.tsx b/x-pack/plugins/infra/public/pages/logs/page.tsx
index 08049183d0a1..018f89fbb23c 100644
--- a/x-pack/plugins/infra/public/pages/logs/page.tsx
+++ b/x-pack/plugins/infra/public/pages/logs/page.tsx
@@ -4,16 +4,18 @@
* you may not use this file except in compliance with the Elastic License.
*/
+import { EuiErrorBoundary } from '@elastic/eui';
import React from 'react';
import { RouteComponentProps } from 'react-router-dom';
-
import { LogsPageContent } from './page_content';
import { LogsPageProviders } from './page_providers';
-export const LogsPage: React.FunctionComponent = ({ match }) => {
+export const LogsPage: React.FunctionComponent = () => {
return (
-
-
-
+
+
+
+
+
);
};
diff --git a/x-pack/plugins/infra/public/pages/logs/settings/source_configuration_settings.tsx b/x-pack/plugins/infra/public/pages/logs/settings/source_configuration_settings.tsx
index 88b1441f0ba7..363b1b762710 100644
--- a/x-pack/plugins/infra/public/pages/logs/settings/source_configuration_settings.tsx
+++ b/x-pack/plugins/infra/public/pages/logs/settings/source_configuration_settings.tsx
@@ -7,6 +7,7 @@
import {
EuiButton,
EuiCallOut,
+ EuiErrorBoundary,
EuiFlexGroup,
EuiFlexItem,
EuiPanel,
@@ -74,7 +75,7 @@ export const LogsSettingsPage = () => {
}
return (
- <>
+
{
- >
+
);
};
diff --git a/x-pack/plugins/infra/public/pages/logs/stream/page.tsx b/x-pack/plugins/infra/public/pages/logs/stream/page.tsx
index 712d62505214..bc25d7c49b12 100644
--- a/x-pack/plugins/infra/public/pages/logs/stream/page.tsx
+++ b/x-pack/plugins/infra/public/pages/logs/stream/page.tsx
@@ -4,6 +4,7 @@
* you may not use this file except in compliance with the Elastic License.
*/
+import { EuiErrorBoundary } from '@elastic/eui';
import React from 'react';
import { useTrackPageview } from '../../../../../observability/public';
import { ColumnarPage } from '../../../components/page';
@@ -15,11 +16,13 @@ export const StreamPage = () => {
useTrackPageview({ app: 'infra_logs', path: 'stream' });
useTrackPageview({ app: 'infra_logs', path: 'stream', delay: 15000 });
return (
-
-
-
-
-
-
+
+
+
+
+
+
+
+
);
};
diff --git a/x-pack/plugins/infra/public/pages/metrics/index.tsx b/x-pack/plugins/infra/public/pages/metrics/index.tsx
index dbf71665ea86..91362d9098e3 100644
--- a/x-pack/plugins/infra/public/pages/metrics/index.tsx
+++ b/x-pack/plugins/infra/public/pages/metrics/index.tsx
@@ -9,7 +9,7 @@ import { i18n } from '@kbn/i18n';
import React from 'react';
import { Route, RouteComponentProps, Switch } from 'react-router-dom';
-import { EuiFlexItem, EuiFlexGroup } from '@elastic/eui';
+import { EuiErrorBoundary, EuiFlexItem, EuiFlexGroup } from '@elastic/eui';
import { DocumentTitle } from '../../components/document_title';
import { HelpCenterContent } from '../../components/help_center_content';
import { RoutedTabs } from '../../components/navigation/routed_tabs';
@@ -36,103 +36,105 @@ export const InfrastructurePage = ({ match }: RouteComponentProps) => {
const uiCapabilities = useKibana().services.application?.capabilities;
return (
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (
-
- {({ configuration, createDerivedIndexPattern }) => (
-
-
- {configuration ? (
-
- ) : (
-
- )}
-
- )}
-
- )}
+
+
+
+
+
+
+
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (
+
+ {({ configuration, createDerivedIndexPattern }) => (
+
+
+ {configuration ? (
+
+ ) : (
+
+ )}
+
+ )}
+
+ )}
+ />
+
+
+
+
+
+
+
+
);
};
diff --git a/x-pack/plugins/infra/public/pages/metrics/inventory_view/index.tsx b/x-pack/plugins/infra/public/pages/metrics/inventory_view/index.tsx
index 3a2c33d1c824..ebb8243369b3 100644
--- a/x-pack/plugins/infra/public/pages/metrics/inventory_view/index.tsx
+++ b/x-pack/plugins/infra/public/pages/metrics/inventory_view/index.tsx
@@ -4,7 +4,7 @@
* you may not use this file except in compliance with the Elastic License.
*/
-import { EuiButton, EuiFlexGroup, EuiFlexItem } from '@elastic/eui';
+import { EuiButton, EuiErrorBoundary, EuiFlexGroup, EuiFlexItem } from '@elastic/eui';
import { i18n } from '@kbn/i18n';
import React, { useContext } from 'react';
@@ -41,65 +41,70 @@ export const SnapshotPage = () => {
});
return (
-
-
- i18n.translate('xpack.infra.infrastructureSnapshotPage.documentTitle', {
- defaultMessage: '{previousTitle} | Inventory',
- values: {
- previousTitle,
- },
- })
- }
- />
- {isLoading ? (
-
- ) : metricIndicesExist ? (
- <>
-
-
- >
- ) : hasFailedLoadingSource ? (
-
- ) : (
-
-
-
- {i18n.translate('xpack.infra.homePage.noMetricsIndicesInstructionsActionLabel', {
- defaultMessage: 'View setup instructions',
- })}
-
-
- {uiCapabilities?.infrastructure?.configureSource ? (
-
-
- {i18n.translate('xpack.infra.configureSourceActionLabel', {
- defaultMessage: 'Change source configuration',
- })}
-
-
- ) : null}
-
+
+
+
+ i18n.translate('xpack.infra.infrastructureSnapshotPage.documentTitle', {
+ defaultMessage: '{previousTitle} | Inventory',
+ values: {
+ previousTitle,
+ },
+ })
}
- data-test-subj="noMetricsIndicesPrompt"
/>
- )}
-
+ {isLoading ? (
+
+ ) : metricIndicesExist ? (
+ <>
+
+
+ >
+ ) : hasFailedLoadingSource ? (
+
+ ) : (
+
+
+
+ {i18n.translate(
+ 'xpack.infra.homePage.noMetricsIndicesInstructionsActionLabel',
+ {
+ defaultMessage: 'View setup instructions',
+ }
+ )}
+
+
+ {uiCapabilities?.infrastructure?.configureSource ? (
+
+
+ {i18n.translate('xpack.infra.configureSourceActionLabel', {
+ defaultMessage: 'Change source configuration',
+ })}
+
+
+ ) : null}
+
+ }
+ data-test-subj="noMetricsIndicesPrompt"
+ />
+ )}
+
+
);
};
diff --git a/x-pack/plugins/infra/public/pages/metrics/metric_detail/page_providers.tsx b/x-pack/plugins/infra/public/pages/metrics/metric_detail/page_providers.tsx
index 597977d9d273..dcd1c1d94997 100644
--- a/x-pack/plugins/infra/public/pages/metrics/metric_detail/page_providers.tsx
+++ b/x-pack/plugins/infra/public/pages/metrics/metric_detail/page_providers.tsx
@@ -4,17 +4,19 @@
* you may not use this file except in compliance with the Elastic License.
*/
+import { EuiErrorBoundary } from '@elastic/eui';
import React from 'react';
-
import { Source } from '../../../containers/source';
import { MetricsTimeProvider } from './hooks/use_metrics_time';
export const withMetricPageProviders = (Component: React.ComponentType) => (
props: T
) => (
-
-
-
-
-
+
+
+
+
+
+
+
);
diff --git a/x-pack/plugins/infra/public/pages/metrics/metrics_explorer/index.tsx b/x-pack/plugins/infra/public/pages/metrics/metrics_explorer/index.tsx
index a213671e9436..8b703b1177c8 100644
--- a/x-pack/plugins/infra/public/pages/metrics/metrics_explorer/index.tsx
+++ b/x-pack/plugins/infra/public/pages/metrics/metrics_explorer/index.tsx
@@ -4,17 +4,17 @@
* you may not use this file except in compliance with the Elastic License.
*/
+import { EuiErrorBoundary } from '@elastic/eui';
import { i18n } from '@kbn/i18n';
-
import React from 'react';
import { IIndexPattern } from 'src/plugins/data/public';
+import { useTrackPageview } from '../../../../../observability/public';
+import { SourceQuery } from '../../../../common/graphql/types';
import { DocumentTitle } from '../../../components/document_title';
+import { NoData } from '../../../components/empty_states';
import { MetricsExplorerCharts } from './components/charts';
import { MetricsExplorerToolbar } from './components/toolbar';
-import { SourceQuery } from '../../../../common/graphql/types';
-import { NoData } from '../../../components/empty_states';
import { useMetricsExplorerState } from './hooks/use_metric_explorer_state';
-import { useTrackPageview } from '../../../../../observability/public';
interface MetricsExplorerPageProps {
source: SourceQuery.Query['source']['configuration'];
@@ -45,7 +45,7 @@ export const MetricsExplorerPage = ({ source, derivedIndexPattern }: MetricsExpl
useTrackPageview({ app: 'infra_metrics', path: 'metrics_explorer', delay: 15000 });
return (
-
+
i18n.translate('xpack.infra.infrastructureMetricsExplorerPage.documentTitle', {
@@ -95,6 +95,6 @@ export const MetricsExplorerPage = ({ source, derivedIndexPattern }: MetricsExpl
onTimeChange={handleTimeChange}
/>
)}
-
+
);
};
diff --git a/x-pack/plugins/infra/public/pages/metrics/settings.tsx b/x-pack/plugins/infra/public/pages/metrics/settings.tsx
index 9414eb7d3e56..7d4f35b19da7 100644
--- a/x-pack/plugins/infra/public/pages/metrics/settings.tsx
+++ b/x-pack/plugins/infra/public/pages/metrics/settings.tsx
@@ -4,16 +4,19 @@
* you may not use this file except in compliance with the Elastic License.
*/
+import { EuiErrorBoundary } from '@elastic/eui';
import React from 'react';
-import { SourceConfigurationSettings } from '../../components/source_configuration/source_configuration_settings';
import { useKibana } from '../../../../../../src/plugins/kibana_react/public';
+import { SourceConfigurationSettings } from '../../components/source_configuration/source_configuration_settings';
export const MetricsSettingsPage = () => {
const uiCapabilities = useKibana().services.application?.capabilities;
return (
-
+
+
+
);
};