adding redirection to datasources

Signed-off-by: Shenoy Pratik <[email protected]>
ps48 · Oct 4, 2023 · b03ef95 · b03ef95
1 parent af822a5
commit b03ef95
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 12 deletions.
diff --git a/common/constants/shared.ts b/common/constants/shared.ts
@@ -3,7 +3,6 @@
  * SPDX-License-Identifier: Apache-2.0
  */
 import CSS from 'csstype';
-import { IField } from '../../common/types/explorer';
 
 // Client route
 export const PPL_BASE = '/api/ppl';
@@ -63,6 +62,8 @@ export const observabilityDataConnectionsID = 'datasources';
 export const observabilityDataConnectionsTitle = 'Data sources';
 export const observabilityDataConnectionsPluginOrder = 9030;
 
+export const queryWorkbenchPluginID = 'opensearch-query-workbench';
+
 // Shared Constants
 export const SQL_DOCUMENTATION_URL = 'https://opensearch.org/docs/latest/search-plugins/sql/index/';
 export const PPL_DOCUMENTATION_URL =

diff --git a/public/components/datasources/components/manage/data_connection.tsx b/public/components/datasources/components/manage/data_connection.tsx
@@ -4,31 +4,32 @@
  */
 
 import {
+ EuiAccordion,
+ EuiCard,
  EuiFlexGroup,
  EuiFlexItem,
+ EuiIcon,
  EuiPage,
  EuiPageBody,
- EuiSpacer,
- EuiTitle,
- EuiText,
- EuiPanel,
  EuiPageHeader,
  EuiPageHeaderSection,
- EuiAccordion,
- EuiIcon,
- EuiCard,
+ EuiPanel,
+ EuiSpacer,
  EuiTabbedContent,
+ EuiText,
+ EuiTitle,
 } from '@elastic/eui';
 import React, { useEffect, useState } from 'react';
-import { AccessControlTab } from './access_control_tab';
-import { NoAccess } from '../no_access';
 import {
  DATACONNECTIONS_BASE,
  observabilityIntegrationsID,
  observabilityLogsID,
  observabilityMetricsID,
+ queryWorkbenchPluginID,
 } from '../../../../../common/constants/shared';
 import { coreRefs } from '../../../../framework/core_refs';
+import { NoAccess } from '../no_access';
+import { AccessControlTab } from './access_control_tab';
 import { ConnectionDetails } from './connection_details';
 import { DatasourceType } from '../../../../../common/types/data_connections';
 
@@ -77,15 +78,23 @@ export const DataConnection = (props: any) => {
  icon={<EuiIcon size="xxl" type="bolt" />}
  title={'Accelerate performance'}
  description="Accelerate performance through OpenSearch indexing."
- onClick={() => {}}
+ onClick={() =>
+ application!.navigateToApp(queryWorkbenchPluginID, {
+ path: `#/accelerate/${dataSource}`,
+ })
+ }
  />
  </EuiFlexItem>
  <EuiFlexItem>
  <EuiCard
  icon={<EuiIcon size="xxl" type="database" />}
  title={'Tables'}
  description="Manually Define Tables"
- onClick={() => application!.navigateToApp('opensearch-query-workbench')}
+ onClick={() =>
+ application!.navigateToApp(queryWorkbenchPluginID, {
+ path: `#/${dataSource}`,
+ })
+ }
  />
  </EuiFlexItem>
  <EuiFlexItem>