[MD] Make text content dynamically translated & update unit tests (#2570

) * Make text content dynamically translated * add unit tests Signed-off-by: Yibo Wang <yibow@amazon.com>
opensearch-project · Oct 13, 2022 · 9a55e0c · 9a55e0c
1 parent 8e8b89b
commit 9a55e0c
Show file tree

Hide file tree

Showing 25 changed files with 2,361 additions and 892 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -21,6 +21,7 @@ Inspired from [Keep a Changelog](https://keepachangelog.com/en/1.0.0/)
 * [Multi DataSource] UX enhancement for Data source management creation page ([#2051](https://github.com/opensearch-project/OpenSearch-Dashboards/pull/2501))
 * [Multi DataSource] Add experimental callout for index pattern section ([#2523](https://github.com/opensearch-project/OpenSearch-Dashboards/pull/2523))
 * [Multi DataSource] Add data source config to opensearch-dashboards-docker ([#2557](https://github.com/opensearch-project/OpenSearch-Dashboards/pull/2557))
+* [Multi DataSource] Make text content dynamically translated & update unit tests ([#2570](https://github.com/opensearch-project/OpenSearch-Dashboards/pull/2570))
 
 ### 🐛 Bug Fixes
 * [Vis Builder] Fixes auto bounds for timeseries bar chart visualization ([2401](https://github.com/opensearch-project/OpenSearch-Dashboards/pull/2401))

diff --git a/...urce_management/public/components/create_button/__snapshots__/create_button.test.tsx.snap b/...urce_management/public/components/create_button/__snapshots__/create_button.test.tsx.snap
diff --git a/src/plugins/data_source_management/public/components/create_button/create_button.tsx b/src/plugins/data_source_management/public/components/create_button/create_button.tsx
@@ -7,7 +7,7 @@ import React from 'react';
 import { History } from 'history';
 
 import { EuiButton } from '@elastic/eui';
-import { CREATE_DATA_SOURCE_BUTTON_TEXT } from '../text_content';
+import { FormattedMessage } from '@osd/i18n/react';
 
 interface Props {
   history: History;
@@ -20,7 +20,10 @@ export const CreateButton = ({ history }: Props) => {
       fill={true}
       onClick={() => history.push('/create')}
     >
-      {CREATE_DATA_SOURCE_BUTTON_TEXT}
+      <FormattedMessage
+        id="dataSourcesManagement.dataSourceListing.createButton"
+        defaultMessage="Create data source connection"
+      />
     </EuiButton>
   );
 };