breadcrumbfix for datasource management - refactoring code

Signed-off-by: mpabba3003 <[email protected]>
opensearch-project · Aug 3, 2022 · 3093d83 · 3093d83
1 parent b0a745f
commit 3093d83
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 10 deletions.
diff --git a/src/plugins/data_source_management/public/components/data_source_table/data_source_table.tsx b/src/plugins/data_source_management/public/components/data_source_table/data_source_table.tsx
@@ -12,7 +12,7 @@ export interface DataSourceTableProps {
   setBreadcrumbs: (crumbs: ChromeBreadcrumb[]) => void;
 }
 
-export const DataSourceTable = ({setBreadcrumbs}: DataSourceTableProps) => {
+export const DataSourceTable = ({ setBreadcrumbs }: DataSourceTableProps) => {
   useEffect(() => {
     setBreadcrumbs([
       {
@@ -29,5 +29,3 @@ export const DataSourceTable = ({setBreadcrumbs}: DataSourceTableProps) => {
     </EuiTitle>
   );
 };
-
-export {DataSourceTable as default}
diff --git a/src/plugins/data_source_management/public/management_app/mount_management_section.tsx b/src/plugins/data_source_management/public/management_app/mount_management_section.tsx
@@ -15,15 +15,14 @@ import { ManagementAppMountParams } from '../../../management/public';
 import { OpenSearchDashboardsContextProvider } from '../../../opensearch_dashboards_react/public';
 import { CreateDataSourceWizardWithRouter } from '../components/create_data_source_wizard';
 import { DataSourceManagmentContext } from '../types';
-import DataSourceTable from '../components/data_source_table/data_source_table';
-
+import { DataSourceTable } from '../components/data_source_table/data_source_table';
 
 export async function mountManagementSection(
   getStartServices: StartServicesAccessor,
   params: ManagementAppMountParams
 ) {
   const [
-    {chrome, application, savedObjects, uiSettings, notifications, overlays, http, docLinks }
+    { chrome, application, savedObjects, uiSettings, notifications, overlays, http, docLinks },
   ] = await getStartServices();
 
   const deps: DataSourceManagmentContext = {
@@ -42,9 +41,8 @@ export async function mountManagementSection(
   const title = i18n.translate('dataSourcesManagement.objects.dataSourcesTitle', {
     defaultMessage: 'Data Sources',
   });
-
-  chrome.docTitle.change(title);
 
+  chrome.docTitle.change(title);
 
   ReactDOM.render(
     <OpenSearchDashboardsContextProvider services={deps}>
@@ -55,8 +53,7 @@ export async function mountManagementSection(
               <CreateDataSourceWizardWithRouter />
             </Route>
             <Route path={['/']}>
-              <DataSourceTable 
-                setBreadcrumbs={deps.setBreadcrumbs} />
+              <DataSourceTable setBreadcrumbs={deps.setBreadcrumbs} />
             </Route>
           </Switch>
         </Router>