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

[Serverless] Update observability side navigation (#160866)

Browse source 
Update once again the side navigation tree to match the latest mocks -
https://www.figma.com/file/S4fn8L4j8fG1H6331Lw3kb/IA%2FNavigation?type=design&node-id=1265-151762&mode=design

### Before 


![image](65e1a394-e3ad-43da-a193-c2b2861bbbb1)


### After


ba570fba-798e-4273-95e7-e0e5a1ec9a88


### Notes for reviewers 
- ML deep links will be visible after the
https://github.com/elastic/kibana/pull/159433

---------

Co-authored-by: Kibana Machine <42973632+kibanamachine@users.noreply.github.com>
This commit is contained in:
Katerina Patticha 2023-07-03 13:39:48 +02:00 • committed by GitHub
parent b3ce696929
commit 831e858f50
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 95 additions and 39 deletions
Download patch file Download diff file Expand all files Collapse all files

6
packages/deeplinks/management/deep_links.ts
View file

@ -54,4 +54,8 @@ export type ManagementDeepLinkId = MonitoringAppId | `${ManagementAppId}:${Manag
// Combined
export type AppId = MonitoringAppId | IntegrationsAppId | ManagementAppId;
export type LinkId = ManagementId;
export type DeepLinkId = MonitoringDeepLinkId | IntegrationsDeepLinkId | ManagementDeepLinkId;
export type DeepLinkId =
| AppId
| MonitoringDeepLinkId
| IntegrationsDeepLinkId
| ManagementDeepLinkId;

128
x-pack/plugins/serverless_observability/public/components/side_navigation/index.tsx
View file

@ -11,7 +11,6 @@ import {
DefaultNavigation,
NavigationKibanaProvider,
NavigationTreeDefinition,
getPresets,
} from '@kbn/shared-ux-chrome-navigation';
import React from 'react';
import { i18n } from '@kbn/i18n';
@ -28,7 +27,7 @@ const navigationTree: NavigationTreeDefinition = {
breadcrumbStatus: 'hidden',
children: [
{
id: 'discover-dashboard-viz',
id: 'discover-dashboard-alerts-slos',
children: [
{
link: 'discover',
@ -39,6 +38,70 @@ const navigationTree: NavigationTreeDefinition = {
}),
link: 'dashboards',
},
{
link: 'observability-overview:alerts',
},
{
link: 'observability-overview:slos',
},
{
id: 'aiops',
title: 'AIOps',
children: [
{
title: i18n.translate('xpack.serverlessObservability.nav.ml.jobs', {
defaultMessage: 'Anomaly detection',
}),
link: 'ml:anomalyDetection',
},
{
title: i18n.translate('xpack.serverlessObservability.ml.spike.analysis', {
defaultMessage: 'Spike analysis',
}),
link: 'ml:explainLogRateSpikes',
icon: 'beaker',
},
{
link: 'ml:changePointDetections',
icon: 'beaker',
},
{
title: i18n.translate('xpack.serverlessObservability.nav.ml.job.notifications', {
defaultMessage: 'Job notifications',
}),
link: 'ml:notifications',
},
],
},
],
},
{
id: 'applications',
children: [
{
id: 'apm',
title: 'Applications',
children: [
{
link: 'apm:services',
},
{
link: 'apm:traces',
},
{
link: 'apm:dependencies',
},
],
},
],
},
{
id: 'cases-vis',
children: [
{
link: 'observability-overview:cases',
},
{
title: i18n.translate('xpack.serverlessObservability.nav.visualizations', {
defaultMessage: 'Visualizations',
@ -47,47 +110,13 @@ const navigationTree: NavigationTreeDefinition = {
},
],
},
{
id: 'alerts-cases-slos',
children: [
{
link: 'observability-overview:alerts',
},
{
link: 'observability-overview:cases',
},
{
link: 'observability-overview:slos',
},
],
},
{
id: 'apm',
title: 'APM',
children: [
{ link: 'apm:services' },
{
link: 'apm:traces',
},
{
title: i18n.translate('xpack.serverlessObservability.nav.logs', {
defaultMessage: 'Logs',
}),
link: 'logs:stream',
},
{
link: 'apm:dependencies',
},
],
},
{
id: 'on-boarding',
children: [
{
title: i18n.translate('xpack.serverlessObservability.nav.getStarted', {
defaultMessage: 'Get started',
defaultMessage: 'Add data',
}),
icon: 'launch',
link: 'observabilityOnboarding',
},
],
@ -98,7 +127,30 @@ const navigationTree: NavigationTreeDefinition = {
footer: [
{
type: 'navGroup',
...getPresets('management'),
id: 'projest_settings_project_nav',
title: 'Project settings',
icon: 'gear',
defaultIsCollapsed: true,
breadcrumbStatus: 'hidden',
children: [
{
id: 'settings',
children: [
{
link: 'management',
title: i18n.translate('xpack.serverlessObservability.nav.mngt', {
defaultMessage: 'Management',
}),
},
{
link: 'integrations',
},
{
link: 'fleet',
},
],
},
],
},
],
};