[Search] [Playground] Hide create index button when plugin not availa…

…ble (elastic#209165)

## Summary

Hide create index button when elastisearch feature is disabled

x-pack/solutions/search/plugins/search_playground/public/components/setup_page/create_index_button.test.tsx

@@ -18,11 +18,9 @@ jest.mock('../../hooks/use_kibana', () => ({
       application: {
         navigateToUrl: jest.fn(),
       },
-      share: {
-        url: {
-          locators: {
-            get: jest.fn().mockReturnValue(undefined),
-          },
+      chrome: {
+        navLinks: {
+          get: jest.fn().mockReturnValue(undefined),
         },
       },
     },
@@ -38,28 +36,25 @@ const Wrapper: FC<PropsWithChildren<unknown>> = ({ children }) => {
 };
 
 describe('CreateIndexButton', () => {
-  it('renders correctly when there is no locator', async () => {
+  it('renders correctly when there is no link to indices', async () => {
     const { queryByTestId } = render(<CreateIndexButton />, { wrapper: Wrapper });
 
     expect(queryByTestId('createIndexButton')).not.toBeInTheDocument();
   });
 
-  it('renders correctly when there is a locator', async () => {
+  it('renders correctly when navlink exists', async () => {
     const navigateToUrl = jest.fn();
 
     (useKibana as unknown as jest.Mock).mockImplementation(() => ({
       services: {
         application: {
           navigateToUrl,
         },
-        share: {
-          url: {
-            locators: {
-              get: jest.fn().mockReturnValue({
-                getUrl: jest.fn().mockReturnValue('mock-url'),
-                getRedirectUrl: jest.fn().mockReturnValue('mock-shown-url'),
-              }),
-            },
+        chrome: {
+          navLinks: {
+            get: jest.fn().mockReturnValue({
+              url: 'mock-url',
+            }),
           },
         },
       },

x-pack/solutions/search/plugins/search_playground/public/components/setup_page/create_index_button.tsx

@@ -5,44 +5,43 @@
  * 2.0.
  */
 
+import React, { useCallback } from 'react';
 import { EuiButton, EuiCallOut } from '@elastic/eui';
 import { FormattedMessage } from '@kbn/i18n-react';
-import React, { useCallback, useMemo } from 'react';
+import { SEARCH_INDICES, SEARCH_INDICES_CREATE_INDEX } from '@kbn/deeplinks-search/constants';
 import { i18n } from '@kbn/i18n';
 import { useKibana } from '../../hooks/use_kibana';
 
 export const CreateIndexButton: React.FC = () => {
   const {
-    services: { application, share },
+    services: { application, chrome },
   } = useKibana();
 
-  const createIndexLocator = useMemo(
-    () => share.url.locators.get('SEARCH_CREATE_INDEX'),
-    [share.url.locators]
-  );
+  const createIndexUrl = chrome.navLinks.get(
+    `${SEARCH_INDICES}:${SEARCH_INDICES_CREATE_INDEX}`
+  )?.url;
 
   const handleCreateIndexClick = useCallback(
-    async (event: React.MouseEvent<HTMLAnchorElement>) => {
+    (event: React.MouseEvent<HTMLAnchorElement>) => {
       event.preventDefault();
 
-      if (!createIndexLocator) {
+      if (!createIndexUrl) {
         return;
       }
 
-      const url = await createIndexLocator.getUrl({});
-      application?.navigateToUrl(url);
+      application?.navigateToUrl(createIndexUrl);
     },
-    [application, createIndexLocator]
+    [application, createIndexUrl]
   );
 
-  return createIndexLocator ? (
+  return createIndexUrl ? (
     // eslint-disable-next-line @elastic/eui/href-or-on-click
     <EuiButton
       color="primary"
       iconType="plusInCircle"
       fill
       data-test-subj="createIndexButton"
-      href={createIndexLocator.getRedirectUrl({})}
+      href={createIndexUrl}
       onClick={handleCreateIndexClick}
     >
       <FormattedMessage

x-pack/solutions/search/plugins/search_playground/tsconfig.json

@@ -51,6 +51,7 @@
     "@kbn/alerts-ui-shared",
     "@kbn/ui-actions-plugin",
     "@kbn/file-upload-common",
+    "@kbn/deeplinks-search",
   ],
   "exclude": [
     "target/**/*",