diff --git a/src/platform/packages/shared/kbn-doc-links/src/get_doc_links.ts b/src/platform/packages/shared/kbn-doc-links/src/get_doc_links.ts
index e4cf769069e9b..7558f405b30bf 100644
--- a/src/platform/packages/shared/kbn-doc-links/src/get_doc_links.ts
+++ b/src/platform/packages/shared/kbn-doc-links/src/get_doc_links.ts
@@ -1020,5 +1020,8 @@ export const getDocLinks = ({ kibanaBranch, buildFlavor }: GetDocLinkOptions): D
cases: {
legacyApiDeprecations: `${KIBANA_DOCS}breaking-changes-summary.html#breaking-201004`,
},
+ synonyms: {
+ synonymsAPIDocumentation: `${ELASTIC_WEBSITE_URL}guide/en/elasticsearch/reference/current/synonyms-apis.html`,
+ },
});
};
diff --git a/src/platform/packages/shared/kbn-doc-links/src/types.ts b/src/platform/packages/shared/kbn-doc-links/src/types.ts
index d561c8b214fb1..460f9be2e5f0d 100644
--- a/src/platform/packages/shared/kbn-doc-links/src/types.ts
+++ b/src/platform/packages/shared/kbn-doc-links/src/types.ts
@@ -688,6 +688,9 @@ export interface DocLinks {
readonly cases: {
readonly legacyApiDeprecations: string;
};
+ readonly synonyms: {
+ readonly synonymsAPIDocumentation: string;
+ };
}
export type BuildFlavor = 'serverless' | 'traditional';
diff --git a/x-pack/solutions/search/plugins/search_synonyms/common/doc_links.ts b/x-pack/solutions/search/plugins/search_synonyms/common/doc_links.ts
new file mode 100644
index 0000000000000..04f36beb245fe
--- /dev/null
+++ b/x-pack/solutions/search/plugins/search_synonyms/common/doc_links.ts
@@ -0,0 +1,20 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License
+ * 2.0; you may not use this file except in compliance with the Elastic License
+ * 2.0.
+ */
+
+import { DocLinks } from '@kbn/doc-links';
+
+class SynonymsDocLinks {
+ public synonymsApi: string = '';
+
+ constructor() {}
+
+ setDocLinks(newDocLinks: DocLinks) {
+ this.synonymsApi = newDocLinks.synonyms.synonymsAPIDocumentation;
+ }
+}
+
+export const docLinks = new SynonymsDocLinks();
diff --git a/x-pack/solutions/search/plugins/search_synonyms/public/application.tsx b/x-pack/solutions/search/plugins/search_synonyms/public/application.tsx
index d62f8196e7282..fb724a91a22ab 100644
--- a/x-pack/solutions/search/plugins/search_synonyms/public/application.tsx
+++ b/x-pack/solutions/search/plugins/search_synonyms/public/application.tsx
@@ -11,8 +11,9 @@ import { CoreStart } from '@kbn/core/public';
import { KibanaRenderContextProvider } from '@kbn/react-kibana-context-render';
import { KibanaContextProvider } from '@kbn/kibana-react-plugin/public';
import { I18nProvider } from '@kbn/i18n-react';
-import { Router } from '@kbn/shared-ux-router';
+import { Route, Router, Routes } from '@kbn/shared-ux-router';
import { AppPluginStartDependencies } from './types';
+import { SearchSynonymsOverview } from './components/overview/overview';
export const renderApp = async (
core: CoreStart,
@@ -24,7 +25,11 @@ export const renderApp = async (
- Synonyms
+
+
+
+
+
diff --git a/x-pack/solutions/search/plugins/search_synonyms/public/components/empty_prompt/empty_prompt.test.tsx b/x-pack/solutions/search/plugins/search_synonyms/public/components/empty_prompt/empty_prompt.test.tsx
new file mode 100644
index 0000000000000..76f8a216bf9bc
--- /dev/null
+++ b/x-pack/solutions/search/plugins/search_synonyms/public/components/empty_prompt/empty_prompt.test.tsx
@@ -0,0 +1,35 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License
+ * 2.0; you may not use this file except in compliance with the Elastic License
+ * 2.0.
+ */
+
+import React from 'react';
+
+import { EmptyPrompt } from './empty_prompt';
+import { render, screen } from '@testing-library/react';
+import { I18nProvider } from '@kbn/i18n-react';
+
+jest.mock('../../../common/doc_links', () => ({
+ docLinks: {
+ synonymsApi: 'documentation-url',
+ },
+}));
+const Wrapper = ({ children }: { children?: React.ReactNode }) => (
+ {children}
+);
+
+describe('Synonyms Overview Empty Prompt', () => {
+ it('renders', () => {
+ render(
+
+
+
+ );
+ expect(screen.getByTestId('searchSynonymsEmptyPromptGetStartedButton')).toBeInTheDocument();
+ expect(screen.getByTestId('searchSynonymsEmptyPromptFooterLink').getAttribute('href')).toBe(
+ 'documentation-url'
+ );
+ });
+});
diff --git a/x-pack/solutions/search/plugins/search_synonyms/public/components/empty_prompt/empty_prompt.tsx b/x-pack/solutions/search/plugins/search_synonyms/public/components/empty_prompt/empty_prompt.tsx
new file mode 100644
index 0000000000000..2948cea833f1c
--- /dev/null
+++ b/x-pack/solutions/search/plugins/search_synonyms/public/components/empty_prompt/empty_prompt.tsx
@@ -0,0 +1,206 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License
+ * 2.0; you may not use this file except in compliance with the Elastic License
+ * 2.0.
+ */
+
+import React from 'react';
+
+import {
+ EuiButton,
+ EuiFlexGrid,
+ EuiFlexGroup,
+ EuiFlexItem,
+ EuiHorizontalRule,
+ EuiIcon,
+ EuiLink,
+ EuiSpacer,
+ EuiSplitPanel,
+ EuiText,
+ EuiTitle,
+ useEuiTheme,
+} from '@elastic/eui';
+import { FormattedMessage } from '@kbn/i18n-react';
+import { css } from '@emotion/react';
+import { docLinks } from '../../../common/doc_links';
+
+export const EmptyPrompt: React.FC = () => {
+ const { euiTheme } = useEuiTheme();
+ return (
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ <>
+
+
+
+
+
+
+
+
+
+
+
+
+