From 9229c8e724eb00e7492d66590a1c0407dff7b4af Mon Sep 17 00:00:00 2001
From: Marliana Lara <mlara@redhat.com>
Date: Tue, 19 Feb 2019 14:24:36 -0500
Subject: [PATCH] Add translations to AnsibleSelect

---
 src/components/About.jsx                       |  2 +-
 src/components/AnsibleSelect/AnsibleSelect.jsx | 17 +++++++++++------
 2 files changed, 12 insertions(+), 7 deletions(-)

diff --git a/src/components/About.jsx b/src/components/About.jsx
index cc0dedd50f..9d8b8abb7c 100644
--- a/src/components/About.jsx
+++ b/src/components/About.jsx
@@ -52,7 +52,7 @@ class About extends React.Component {
           <AboutModal
             isOpen={isOpen}
             onClose={onClose}
-            productName={i18n._(t`Ansible Tower`)}
+            productName="Ansible Tower"
             trademark={i18n._(t`Copyright 2018 Red Hat, Inc.`)}
             brandImageSrc={brandImg}
             brandImageAlt={i18n._(t`Brand Image`)}
diff --git a/src/components/AnsibleSelect/AnsibleSelect.jsx b/src/components/AnsibleSelect/AnsibleSelect.jsx
index 2363f090b0..90e1fddccc 100644
--- a/src/components/AnsibleSelect/AnsibleSelect.jsx
+++ b/src/components/AnsibleSelect/AnsibleSelect.jsx
@@ -1,6 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-
+import { I18n } from '@lingui/react';
+import { t } from '@lingui/macro';
 import {
   FormSelect,
   FormSelectOption,
@@ -21,11 +22,15 @@ class AnsibleSelect extends React.Component {
   render () {
     const { label, value, data, defaultSelected } = this.props;
     return (
-      <FormSelect value={value} onChange={this.onSelectChange} aria-label="Select Input">
-        {data.map((datum) => (datum === defaultSelected
-          ? (<FormSelectOption key="" value="" label={`Use Default ${label}`} />) : (<FormSelectOption key={datum} value={datum} label={datum} />)))
-        }
-      </FormSelect>
+      <I18n>
+        {({ i18n }) => (
+          <FormSelect value={value} onChange={this.onSelectChange} aria-label={i18n._(t`Select Input`)}>
+            {data.map((datum) => (datum === defaultSelected
+              ? (<FormSelectOption key="" value="" label={i18n._(t`Use Default ${label}`)} />) : (<FormSelectOption key={datum} value={datum} label={datum} />)))
+            }
+          </FormSelect>
+        )}
+      </I18n>
     );
   }
 }