useOnTryESQL in data_view_management

elastic · Oct 3, 2024 · f6ab5d4 · f6ab5d4
1 parent 4675e30
commit f6ab5d4
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 2 deletions.
diff --git a/...lugins/data_view_management/public/components/index_pattern_table/index_pattern_table.tsx b/...lugins/data_view_management/public/components/index_pattern_table/index_pattern_table.tsx
@@ -26,7 +26,7 @@ import { RouteComponentProps, useLocation, withRouter } from 'react-router-dom';
 import useObservable from 'react-use/lib/useObservable';
 
 import { reactRouterNavigate, useKibana } from '@kbn/kibana-react-plugin/public';
-import { NoDataViewsPromptComponent } from '@kbn/shared-ux-prompt-no-data-views';
+import { NoDataViewsPromptComponent, useOnTryESQL } from '@kbn/shared-ux-prompt-no-data-views';
 import type { SpacesContextProps } from '@kbn/spaces-plugin/public';
 import { DataViewType } from '@kbn/data-views-plugin/public';
 import { RollupDeprecationTooltip } from '@kbn/rollup';
@@ -86,6 +86,7 @@ export const IndexPatternTable = ({
     application,
     chrome,
     dataViews,
+    share,
     IndexPatternEditor,
     spaces,
     overlays,
@@ -116,6 +117,12 @@ export const IndexPatternTable = ({
   const hasDataView = useObservable(dataViewController.hasDataView$, defaults.hasDataView);
   const hasESData = useObservable(dataViewController.hasESData$, defaults.hasEsData);
 
+  const useOnTryESQLParams = {
+    locatorClient: share?.url.locators,
+    navigateToApp: application.navigateToApp,
+  };
+  const onTryESQL = useOnTryESQL(useOnTryESQLParams);
+
   const handleOnChange = ({ queryText, error }: { queryText: string; error: unknown }) => {
     if (!error) {
       setQuery(queryText);
@@ -362,18 +369,21 @@ export const IndexPatternTable = ({
       </ContextWrapper>
     </>
   );
-  if (!hasDataView)
+  if (!hasDataView) {
     displayIndexPatternSection = (
       <>
         <EuiSpacer size="xxl" />
         <NoDataViewsPromptComponent
           onClickCreate={() => setShowCreateDialog(true)}
           canCreateNewDataView={application.capabilities.indexPatterns.save as boolean}
           dataViewsDocLink={docLinks.links.indexPatterns.introduction}
+          onTryESQL={onTryESQL}
+          esqlDocLink={docLinks.links.query.queryESQL}
           emptyPromptColor={'subdued'}
         />
       </>
     );
+  }
   if (!hasDataView && !hasESData)
     displayIndexPatternSection = (
       <>

diff --git a/src/plugins/data_view_management/public/management_app/mount_management_section.tsx b/src/plugins/data_view_management/public/management_app/mount_management_section.tsx
@@ -71,6 +71,7 @@ export async function mountManagementSection(
     },
     indexPatternManagementStart,
   ] = await getStartServices();
+
   const canSave = dataViews.getCanSaveSync();
 
   if (!canSave) {
@@ -91,6 +92,7 @@ export async function mountManagementSection(
     chrome,
     uiSettings,
     settings,
+    share,
     notifications,
     overlays,
     unifiedSearch,

diff --git a/src/plugins/data_view_management/public/types.ts b/src/plugins/data_view_management/public/types.ts
@@ -29,6 +29,7 @@ import type { SpacesPluginStart } from '@kbn/spaces-plugin/public';
 import type { SavedObjectsManagementPluginStart } from '@kbn/saved-objects-management-plugin/public';
 import type { SettingsStart } from '@kbn/core-ui-settings-browser';
 import type { NoDataPagePluginSetup } from '@kbn/no-data-page-plugin/public';
+import { SharePluginStart } from '@kbn/share-plugin/public';
 import type { IndexPatternManagementStart } from '.';
 import type { DataViewMgmtService } from './management_app/data_view_management_service';
 
@@ -53,6 +54,7 @@ export interface IndexPatternManagmentContext extends StartServices {
   fieldFormatEditors: IndexPatternFieldEditorStart['fieldFormatEditors'];
   IndexPatternEditor: DataViewEditorStart['IndexPatternEditorComponent'];
   fieldFormats: FieldFormatsStart;
+  share?: SharePluginStart;
   spaces?: SpacesPluginStart;
   savedObjectsManagement: SavedObjectsManagementPluginStart;
   noDataPage?: NoDataPagePluginSetup;