add the translation to bytom console.

diff --git a/src/features/app/components/Modal/Modal.jsx b/src/features/app/components/Modal/Modal.jsx
index d741eae..92c9210 100644 (file)
--- a/src/features/app/components/Modal/Modal.jsx
+++ b/src/features/app/components/Modal/Modal.jsx
@@ -31,7 +31,7 @@ class Modal extends React.Component {
           {
             boxStyle &&
               <div className={styles.title}>
-                <p>Console</p>
+                <p>{ lang === 'zh' ? '命令行' : 'Console'}</p>
                 <button className={`btn ${styles.close}`} onClick={accept}>X</button>
               </div>
           }

diff --git a/src/features/core/components/CoreIndex/CoreIndex.jsx b/src/features/core/components/CoreIndex/CoreIndex.jsx
index b48f7aa..42e15f7 100644 (file)
--- a/src/features/core/components/CoreIndex/CoreIndex.jsx
+++ b/src/features/core/components/CoreIndex/CoreIndex.jsx
@@ -55,6 +55,7 @@ class CoreIndex extends React.Component {
     this.props.showModal(
       <ConsoleSection
         cmd={this.props.cmd}
+        lang={this.props.core.lang}
       />
     )
   }

diff --git a/src/features/shared/components/ConsoleSection/ConsoleSection.jsx b/src/features/shared/components/ConsoleSection/ConsoleSection.jsx
index 8b78917..db70c5b 100644 (file)
--- a/src/features/shared/components/ConsoleSection/ConsoleSection.jsx
+++ b/src/features/shared/components/ConsoleSection/ConsoleSection.jsx
@@ -81,7 +81,7 @@ class ConsoleSection extends React.Component {
   }
 
   render() {
-    const lang = this.porps.lang
+    const lang = this.props.lang
     let taskList = this.state.data.map(function(listItem) {
       return (
         <ListItem
@@ -96,11 +96,17 @@ class ConsoleSection extends React.Component {
           ref={(el) => { this.messagesContainer = el }}
         >
           <p>
-            Welcome to the Bytom Core API console.<br/>
-            Type <code>help</code> for an overview of available commands.
+            {lang === 'zh' ?
+              '欢迎来到Bytom Core API 命令行。':
+            'Welcome to the Bytom Core API console.'}<br/>
+            {lang === 'zh' ? '输入':'Type' }<code>help</code>  {lang === 'zh' ?'查看所有可用命令行。':'for an overview of available commands.'}
           </p>
           <p className='text-danger'>
-            <strong>WARNING:</strong> Scammers have been active, telling users to type commands here, stealing their wallet contents. Do not use this console without fully understanding the ramification of a command.
+            <strong>
+              {lang === 'zh' ? '注意' : 'WARNING'}:
+            </strong> {lang === 'zh' ?
+            '骗子可能会让你在此输入命令，以盗取你的钱包内容。 如果你没有了解命令所带来的后果，请不要在此输入命令。':
+            'Scammers have been active, telling users to type commands here, stealing their wallet contents. Do not use this console without fully understanding the ramification of a command.'}
           </p>
 
           {taskList}
@@ -114,10 +120,10 @@ class ConsoleSection extends React.Component {
                 type='text'
                 autoFocus='autofocus'
                 onKeyDown={(event) => this.keyDownEvent(event)}
-                placeholder='Enter "help" for an overview of available commands' />
+                placeholder={ lang === 'zh' ? '输入 \"help\" 查看所有可用的命令' : 'Enter "help" for an overview of available commands' } />
             </span>
             <button type='submit' className={'btn btn-primary'} tabIndex='-1'>
-              { lang === 'zh' ? '提交' : 'Submit' }
+              > { lang === 'zh' ? '输入' : 'Enter' }
             </button>
           </form>
         </div>