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

) (#2571)

* Make text content dynamically translated
* add unit tests

Signed-off-by: Yibo Wang <yibow@amazon.com>
(cherry picked from commit 9a55e0c)

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))

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>
   );
 };