breadcrumbfix for datasource management

src/plugins/data_source_management/public/components/breadcrumbs.ts

@@ -0,0 +1,42 @@
+/*
+ * SPDX-License-Identifier: Apache-2.0
+ *
+ * The OpenSearch Contributors require contributions made to
+ * this file be licensed under the Apache-2.0 license or a
+ * compatible open source license.
+ *
+ * Any modifications Copyright OpenSearch Contributors. See
+ * GitHub history for details.
+ */
+
+/*
+ * Licensed to Elasticsearch B.V. under one or more contributor
+ * license agreements. See the NOTICE file distributed with
+ * this work for additional information regarding copyright
+ * ownership. Elasticsearch B.V. licenses this file to you under
+ * the Apache License, Version 2.0 (the "License"); you may
+ * not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied.  See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+
+import { i18n } from '@osd/i18n';
+
+export function getListBreadcrumbs() {
+  return [
+    {
+      text: i18n.translate('indexPatternManagement.dataSources.listBreadcrumb', {
+        defaultMessage: 'Data Sources',
+      }),
+      href: `/`,
+    },
+  ];
+}

src/plugins/data_source_management/public/components/data_source_table/data_source_table.tsx

@@ -6,8 +6,15 @@
 import { EuiTitle } from '@elastic/eui';
 import React from 'react';
 import { withRouter } from 'react-router-dom';
+import { getListBreadcrumbs } from '../breadcrumbs';
+import { useOpenSearchDashboards } from '../../../../opensearch_dashboards_react/public';
+import { DataSourceManagementContext } from '../../types';
 
 export const DataSourceTable = () => {
+  const { setBreadcrumbs } = useOpenSearchDashboards<DataSourceManagementContext>().services;
+
+  setBreadcrumbs(getListBreadcrumbs());
+
   return (
     <EuiTitle>
       <h2>{'This is the landing page, going to list data sources here...'}</h2>

src/plugins/data_source_management/public/management_app/mount_management_section.tsx

@@ -6,6 +6,7 @@
 import { StartServicesAccessor } from 'src/core/public';
 
 import { I18nProvider } from '@osd/i18n/react';
+import { i18n } from '@osd/i18n';
 import React from 'react';
 import ReactDOM from 'react-dom';
 import { Route, Router, Switch } from 'react-router-dom';
@@ -14,7 +15,7 @@ import { ManagementAppMountParams } from '../../../management/public';
 import { OpenSearchDashboardsContextProvider } from '../../../opensearch_dashboards_react/public';
 import { CreateDataSourceWizardWithRouter } from '../components/create_data_source_wizard';
 import { DataSourceTableWithRouter } from '../components/data_source_table';
-import { DataSourceManagmentContext } from '../types';
+import { DataSourceManagementContext } from '../types';
 
 export async function mountManagementSection(
   getStartServices: StartServicesAccessor,
@@ -24,7 +25,7 @@ export async function mountManagementSection(
     { chrome, application, savedObjects, uiSettings, notifications, overlays, http, docLinks },
   ] = await getStartServices();
 
-  const deps: DataSourceManagmentContext = {
+  const deps: DataSourceManagementContext = {
     chrome,
     application,
     savedObjects,
@@ -36,6 +37,13 @@ export async function mountManagementSection(
     setBreadcrumbs: params.setBreadcrumbs,
   };
 
+  /* Browser - Page Title */
+  const title = i18n.translate('dataSourcesManagement.objects.dataSourcesTitle', {
+    defaultMessage: 'Data Sources',
+  });
+
+  chrome.docTitle.change(title);
+
   ReactDOM.render(
     <OpenSearchDashboardsContextProvider services={deps}>
       <I18nProvider>

src/plugins/data_source_management/public/types.ts

@@ -22,7 +22,7 @@ export interface DataSourceManagementSetupDependencies {
   management: ManagementSetup;
 }
 
-export interface DataSourceManagmentContext {
+export interface DataSourceManagementContext {
   chrome: ChromeStart;
   application: ApplicationStart;
   savedObjects: SavedObjectsStart;