diff --git a/x-pack/plugins/fleet/public/applications/integrations/layouts/default.tsx b/x-pack/plugins/fleet/public/applications/integrations/layouts/default.tsx
index 98b8e9515e689..66b88c020f163 100644
--- a/x-pack/plugins/fleet/public/applications/integrations/layouts/default.tsx
+++ b/x-pack/plugins/fleet/public/applications/integrations/layouts/default.tsx
@@ -5,13 +5,19 @@
* 2.0.
*/
import React, { memo } from 'react';
-import { EuiText } from '@elastic/eui';
+import { EuiFlexGroup, EuiFlexItem, EuiImage, EuiSpacer, EuiText } from '@elastic/eui';
import { FormattedMessage } from '@kbn/i18n/react';
+import { i18n } from '@kbn/i18n';
+
+import styled, { useTheme } from 'styled-components';
+
+import type { EuiTheme } from 'src/plugins/kibana_react/common';
+
import { useLink } from '../../../hooks';
import type { Section } from '../sections';
-import { HeroImage } from '../sections/epm/screens/home/header';
+import { useLinks } from '../hooks';
import { WithHeaderLayout } from './';
@@ -20,6 +26,30 @@ interface Props {
children?: React.ReactNode;
}
+const Illustration = styled(EuiImage)`
+ margin-bottom: -68px;
+ width: 80%;
+`;
+
+const HeroImage = memo(() => {
+ const { toAssets } = useLinks();
+ const theme = useTheme() as EuiTheme;
+ const IS_DARK_THEME = theme.darkMode;
+
+ return (
+
+ );
+});
+
export const DefaultLayout: React.FunctionComponent = memo(({ section, children }) => {
const { getHref } = useLink();
@@ -27,11 +57,29 @@ export const DefaultLayout: React.FunctionComponent = memo(({ section, ch
}
leftColumn={
-
-
- {' '}
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
}
tabs={[
{
diff --git a/x-pack/plugins/fleet/public/applications/integrations/sections/epm/screens/home/header.tsx b/x-pack/plugins/fleet/public/applications/integrations/sections/epm/screens/home/header.tsx
deleted file mode 100644
index 55d058a2d7900..0000000000000
--- a/x-pack/plugins/fleet/public/applications/integrations/sections/epm/screens/home/header.tsx
+++ /dev/null
@@ -1,62 +0,0 @@
-/*
- * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
- * or more contributor license agreements. Licensed under the Elastic License
- * 2.0; you may not use this file except in compliance with the Elastic License
- * 2.0.
- */
-
-import React, { memo } from 'react';
-import { i18n } from '@kbn/i18n';
-import styled from 'styled-components';
-import { EuiFlexGroup, EuiFlexItem, EuiImage, EuiText } from '@elastic/eui';
-import { FormattedMessage } from '@kbn/i18n/react';
-
-import { useLinks, useStartServices } from '../../../../hooks';
-
-export const HeroCopy = memo(() => {
- return (
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- );
-});
-
-const Illustration = styled(EuiImage)`
- margin-bottom: -68px;
- width: 80%;
-`;
-
-export const HeroImage = memo(() => {
- const { toAssets } = useLinks();
- const { uiSettings } = useStartServices();
- const IS_DARK_THEME = uiSettings.get('theme:darkMode');
-
- return (
-
- );
-});
diff --git a/x-pack/plugins/translations/translations/ja-JP.json b/x-pack/plugins/translations/translations/ja-JP.json
index 6b1b8091ec926..b6e22dc4a519b 100644
--- a/x-pack/plugins/translations/translations/ja-JP.json
+++ b/x-pack/plugins/translations/translations/ja-JP.json
@@ -9064,7 +9064,6 @@
"xpack.fleet.epm.categoryLabel": "カテゴリー",
"xpack.fleet.epm.detailsTitle": "詳細",
"xpack.fleet.epm.featuresLabel": "機能",
- "xpack.fleet.epm.illustrationAltText": "統合の例",
"xpack.fleet.epm.licenseLabel": "ライセンス",
"xpack.fleet.epm.loadingIntegrationErrorTitle": "統合詳細の読み込みエラー",
"xpack.fleet.epm.packageDetails.integrationList.agentCount": "エージェント",
@@ -9079,7 +9078,6 @@
"xpack.fleet.epm.packageDetailsNav.packagePoliciesLinkText": "ポリシー",
"xpack.fleet.epm.packageDetailsNav.settingsLinkText": "設定",
"xpack.fleet.epm.pageSubtitle": "一般的なアプリやサービスの統合を参照する",
- "xpack.fleet.epm.pageTitle": "統合",
"xpack.fleet.epm.releaseBadge.betaDescription": "この統合は本番環境用ではありません。",
"xpack.fleet.epm.releaseBadge.betaLabel": "ベータ",
"xpack.fleet.epm.releaseBadge.experimentalDescription": "この統合は、急に変更されたり、将来のリリースで削除されたりする可能性があります。",
diff --git a/x-pack/plugins/translations/translations/zh-CN.json b/x-pack/plugins/translations/translations/zh-CN.json
index 014ebabbe783f..6ad4e7da08293 100644
--- a/x-pack/plugins/translations/translations/zh-CN.json
+++ b/x-pack/plugins/translations/translations/zh-CN.json
@@ -9150,7 +9150,6 @@
"xpack.fleet.epm.categoryLabel": "类别",
"xpack.fleet.epm.detailsTitle": "详情",
"xpack.fleet.epm.featuresLabel": "功能",
- "xpack.fleet.epm.illustrationAltText": "集成的图示",
"xpack.fleet.epm.licenseLabel": "许可证",
"xpack.fleet.epm.loadingIntegrationErrorTitle": "加载集成详情时出错",
"xpack.fleet.epm.packageDetails.integrationList.agentCount": "代理",
@@ -9165,7 +9164,6 @@
"xpack.fleet.epm.packageDetailsNav.packagePoliciesLinkText": "策略",
"xpack.fleet.epm.packageDetailsNav.settingsLinkText": "设置",
"xpack.fleet.epm.pageSubtitle": "浏览集成以了解热门应用和服务。",
- "xpack.fleet.epm.pageTitle": "集成",
"xpack.fleet.epm.releaseBadge.betaDescription": "在生产环境中不推荐使用此集成。",
"xpack.fleet.epm.releaseBadge.betaLabel": "公测版",
"xpack.fleet.epm.releaseBadge.experimentalDescription": "此集成可能有重大更改或将在未来版本中移除。",