add the translation for list header

diff --git a/src/features/accessControl/components/AccessControlList.jsx b/src/features/accessControl/components/AccessControlList.jsx
index ffb5696..c8608cf 100644 (file)
--- a/src/features/accessControl/components/AccessControlList.jsx
+++ b/src/features/accessControl/components/AccessControlList.jsx
@@ -12,10 +12,10 @@ class AccessControlList extends React.Component {
       beginEditing: this.props.beginEditing,
       delete: this.props.delete,
     }
-    const tokenList = <TableList titles={['Token Name', 'Token']}>
-      {(this.props.tokens).map(item => <GrantListItem key={item.id} item={item} {...itemProps} />)}
-    </TableList>
     const lang = this.props.lang
+    const tokenList = <TableList titles={ lang==='zh'? ['令牌名称', '令牌']: ['Token Name', 'Token']}>
+      {(this.props.tokens).map(item => <GrantListItem key={item.id} item={item} lang={lang} {...itemProps} />)}
+    </TableList>
 
     // const certList = <TableList titles={['Certificate', 'Policies']}>
     //   {this.props.certs.map(item => <GrantListItem key={item.id} item={item} {...itemProps} />)}

diff --git a/src/features/accessControl/components/GrantListItem.jsx b/src/features/accessControl/components/GrantListItem.jsx
index a03ff6f..f9a0e52 100644 (file)
--- a/src/features/accessControl/components/GrantListItem.jsx
+++ b/src/features/accessControl/components/GrantListItem.jsx
@@ -8,6 +8,7 @@ import styles from './GrantListItem.scss'
 class GrantListItem extends React.Component {
   render() {
     const item = this.props.item
+    const lang = this.props.lang
 
     // let desc
     // if (isAccessToken(item)) {
@@ -41,7 +42,7 @@ class GrantListItem extends React.Component {
           {/*</button>*/}
 
           <button className='btn btn-link' onClick={this.props.delete.bind(this, item)}>
-            Delete
+            { lang==='zh'? '删除' : 'Delete' }
           </button>
         </td>}
         {/*{item.isEditing && <td colSpan='2'>*/}

diff --git a/src/features/accounts/components/List.jsx b/src/features/accounts/components/List.jsx
index e89a8fb..7b83195 100644 (file)
--- a/src/features/accounts/components/List.jsx
+++ b/src/features/accounts/components/List.jsx
@@ -1,14 +1,27 @@
 import { BaseList, TableList } from 'features/shared/components'
+
 import ListItem from './ListItem'
 
 const type = 'account'
 
+const mapStateToProps = (state) => {
+  let titles
+  if(state.core.lang === 'zh'){
+    titles = ['账户别名','账户ID']
+  }else{
+    titles = ['Account Alias', 'Account ID']
+  }
+
+  return {
+    ...BaseList.mapStateToProps(type, ListItem, {
+      wrapperComponent: TableList,
+      wrapperProps: {
+        titles: titles
+      }
+    })(state)
+  }
+}
 export default BaseList.connect(
-  BaseList.mapStateToProps(type, ListItem, {
-    wrapperComponent: TableList,
-    wrapperProps: {
-      titles: ['Account Alias', 'Account ID']
-    }
-  }),
+  mapStateToProps,
   BaseList.mapDispatchToProps(type)
 )

diff --git a/src/features/assets/components/List.jsx b/src/features/assets/components/List.jsx
index bd09046..b111ea8 100644 (file)
--- a/src/features/assets/components/List.jsx
+++ b/src/features/assets/components/List.jsx
@@ -4,12 +4,25 @@ import ListItem from './ListItem'
 
 const type = 'asset'
 
+const mapStateToProps = (state) => {
+  let titles
+  if(state.core.lang === 'zh'){
+    titles = ['资产别名','资产ID']
+  }else{
+    titles = ['Asset Alias', 'Asset ID']
+  }
+
+  return {
+    ...BaseList.mapStateToProps(type, ListItem, {
+      wrapperComponent: TableList,
+      wrapperProps: {
+        titles: titles
+      }
+    })(state)
+  }
+}
+
 export default BaseList.connect(
-  BaseList.mapStateToProps(type, ListItem, {
-    wrapperComponent: TableList,
-    wrapperProps: {
-      titles: ['Asset Alias', 'Asset ID']
-    }
-  }),
+  mapStateToProps,
   BaseList.mapDispatchToProps(type)
 )

diff --git a/src/features/mockhsm/components/List.jsx b/src/features/mockhsm/components/List.jsx
index 799b47f..1fdede1 100644 (file)
--- a/src/features/mockhsm/components/List.jsx
+++ b/src/features/mockhsm/components/List.jsx
@@ -29,15 +29,28 @@ class KeyList extends BaseList.ItemList {
   }
 }
 
+const mapStateToProps = (state) => {
+  let titles
+  if(state.core.lang === 'zh'){
+    titles = ['别名','扩展公钥']
+  }else{
+    titles = ['Alias', 'xpub']
+  }
+
+  return {
+    ...BaseList.mapStateToProps(type, ListItem, {
+      skipQuery: true,
+      label: 'Keys',
+      wrapperComponent: TableList,
+      wrapperProps: {
+        titles: titles
+      }
+    })(state)
+  }
+}
+
 export default BaseList.connect(
-  BaseList.mapStateToProps(type, ListItem, {
-    skipQuery: true,
-    label: 'Keys',
-    wrapperComponent: TableList,
-    wrapperProps: {
-      titles: ['Alias', 'xpub']
-    }
-  }),
+  mapStateToProps,
   BaseList.mapDispatchToProps(type),
   KeyList
 )