use FormattedMessage on alpha messaging component

elastic · Apr 17, 2020 · 49be45b · 49be45b
1 parent 30ae899
commit 49be45b
Showing 1 changed file with 14 additions and 2 deletions.
diff --git a/.../plugins/ingest_manager/public/applications/ingest_manager/components/alpha_messaging.tsx b/.../plugins/ingest_manager/public/applications/ingest_manager/components/alpha_messaging.tsx
@@ -5,6 +5,7 @@
  */
 import React, { memo } from 'react';
 import styled from 'styled-components';
+import { FormattedMessage } from '@kbn/i18n/react';
 import { EuiText } from '@elastic/eui';
 
 const Message = styled(EuiText)`
@@ -20,8 +21,19 @@ export const AlphaMessaging: React.FC<{}> = () => (
   <Message>
     <p>
       <small>
-        <strong>Alpha release</strong> – Ingest Manager is under active development and is not
-        intended for production purposes.
+        <strong>
+          <FormattedMessage
+            id="xpack.ingestManager.alphaMessageTitle"
+            defaultMessage="Alpha release"
+          />
+        </strong>
+        {' – '}
+        <FormattedMessage
+          id="xpack.ingestManager.alphaMessageDescription"
+          defaultMessage="Ingest Manager is under active development and is not
+          intended for production purposes."
+        />
+        <strong>Alpha release</strong>
       </small>
     </p>
   </Message>