refactor: externalize english text

1 files changed, 18 insertions, 3 deletions

diff --git a/src/features/basicAuth/Component.js b/src/features/basicAuth/Component.js
index 14184f80b..a9601836b 100644
--- a/src/features/basicAuth/Component.js
+++ b/src/features/basicAuth/Component.js
@@ -2,6 +2,7 @@ import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import injectSheet from 'react-jss';
 import { observer } from 'mobx-react';
+import { defineMessages, intlShape } from 'react-intl';
 import classnames from 'classnames';
 
 import Modal from '../../components/ui/Modal';
@@ -17,12 +18,24 @@ import {
 import Form from './Form';
 
 import styles from './styles';
+import globalMessages from '../../i18n/globalMessages';
+
+const messages = defineMessages({
+  signIn: {
+    id: 'feature.basicAuth.signIn',
+    defaultMessage: '!!!Sign In',
+  },
+});
 
 export default @injectSheet(styles) @observer class BasicAuthModal extends Component {
   static propTypes = {
     classes: PropTypes.object.isRequired,
   }
 
+  static contextTypes = {
+    intl: intlShape,
+  };
+
   submit(e) {
     e.preventDefault();
 
@@ -56,6 +69,8 @@ export default @injectSheet(styles) @observer class BasicAuthModal extends Compo
       return null;
     }
 
+    const { intl } = this.context;
+
     return (
       <Modal
         isOpen={isModalVisible}
@@ -63,7 +78,7 @@ export default @injectSheet(styles) @observer class BasicAuthModal extends Compo
         close={this.cancel.bind(this)}
         showClose={false}
       >
-        <h1>Sign in</h1>
+        <h1>{intl.formatMessage(messages.signIn)}</h1>
         <p>
           http
           {authInfo.port === 443 && 's'}
@@ -86,13 +101,13 @@ export default @injectSheet(styles) @observer class BasicAuthModal extends Compo
           <div className={classes.buttons}>
             <Button
               type="button"
-              label="Cancel"
+              label={intl.formatMessage(globalMessages.cancel)}
               buttonType="secondary"
               onClick={this.cancel.bind(this)}
             />
             <Button
               type="submit"
-              label="Sign In"
+              label={intl.formatMessage(messages.signIn)}
             />
           </div>
         </form>