[Enterprise Search] Migrate shared components used in Workplace Search Groups

x-pack/plugins/enterprise_search/public/applications/workplace_search/routes.test.tsx

@@ -0,0 +1,38 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License;
+ * you may not use this file except in compliance with the Elastic License.
+ */
+
+import React from 'react';
+import { shallow } from 'enzyme';
+
+import { EuiLink } from '@elastic/eui';
+
+import {
+  getContentSourcePath,
+  SOURCES_PATH,
+  ORG_SOURCES_PATH,
+  SOURCE_DETAILS_PATH,
+} from './routes';
+
+const TestComponent = ({ id, isOrg }: { id: string; isOrg?: boolean }) => {
+  const href = getContentSourcePath(SOURCE_DETAILS_PATH, id, !!isOrg);
+  return <EuiLink href={href}>test</EuiLink>;
+};
+
+describe('getContentSourcePath', () => {
+  it('should format org route', () => {
+    const wrapper = shallow(<TestComponent id="123" isOrg />);
+    const path = wrapper.find(EuiLink).prop('href');
+
+    expect(path).toEqual(`${ORG_SOURCES_PATH}/123`);
+  });
+
+  it('should format user route', () => {
+    const wrapper = shallow(<TestComponent id="123" />);
+    const path = wrapper.find(EuiLink).prop('href');
+
+    expect(path).toEqual(`${SOURCES_PATH}/123`);
+  });
+});

x-pack/plugins/enterprise_search/public/applications/workplace_search/routes.ts

@@ -4,6 +4,8 @@
  * you may not use this file except in compliance with the Elastic License.
  */
 
+import { formatRoute } from '../shared/react_router_helpers';
+
 import { CURRENT_MAJOR_VERSION } from '../../../common/version';
 
 export const SETUP_GUIDE_PATH = '/setup_guide';
@@ -107,4 +109,8 @@ export const EDIT_SLACK_PATH = `${ORG_SETTINGS_CONNECTORS_PATH}/slack/edit`;
 export const EDIT_ZENDESK_PATH = `${ORG_SETTINGS_CONNECTORS_PATH}/zendesk/edit`;
 export const EDIT_CUSTOM_PATH = `${ORG_SETTINGS_CONNECTORS_PATH}/custom/edit`;
 
-export const getSourcePath = (sourceId: string): string => `${ORG_SOURCES_PATH}/${sourceId}`;
+export const getContentSourcePath = (
+  path: string,
+  sourceId: string,
+  isOrganization: boolean
+): string => formatRoute(isOrganization ? `${ORG_PATH}/${path}` : path, { sourceId });

x-pack/plugins/enterprise_search/public/applications/workplace_search/views/overview/recent_activity.tsx

@@ -15,7 +15,7 @@ import { FormattedMessage } from '@kbn/i18n/react';
 import { ContentSection } from '../../components/shared/content_section';
 import { sendTelemetry } from '../../../shared/telemetry';
 import { KibanaContext, IKibanaContext } from '../../../index';
-import { getSourcePath } from '../../routes';
+import { SOURCE_DETAILS_PATH, getContentSourcePath as sourcePath } from '../../routes';
 
 import { OverviewLogic } from './overview_logic';
 
@@ -107,7 +107,7 @@ export const RecentActivityItem: React.FC<IFeedActivity> = ({
   const linkProps = {
     onClick,
     target: '_blank',
-    href: getWorkplaceSearchUrl(getSourcePath(sourceId)),
+    href: getWorkplaceSearchUrl(sourcePath(SOURCE_DETAILS_PATH, sourceId, true)),
     external: true,
     color: status === 'error' ? 'danger' : 'primary',
     'data-test-subj': 'viewSourceDetailsLink',