Merge branch 'master' of git://github.com/Bytom/dashboard into dashboardmaster

[bytom/bytom-electron.git] / src / features / app / components / Navigation / Navigation.jsx

diff --git a/src/features/app/components/Navigation/Navigation.jsx b/src/features/app/components/Navigation/Navigation.jsx
index 5df7ba0..4be4ae3 100644 (file)
--- a/src/features/app/components/Navigation/Navigation.jsx
+++ b/src/features/app/components/Navigation/Navigation.jsx
@@ -5,7 +5,7 @@ import styles from './Navigation.scss'
 import {navIcon} from '../../utils'
 import Sync from '../Sync/Sync'
 import appAction from '../../../app/actions'
-
+import {docsRoot} from '../../../../utility/environment'
 
 class Navigation extends React.Component {
   constructor(props) {
@@ -32,10 +32,11 @@ class Navigation extends React.Component {
     return (
       <div className={styles.main}>
         <ul className={styles.navigation}>
-          <li className={styles.navigationTitle}>core data</li>
+          <li className={styles.navigationTitle}>{lang === 'zh' ? '核心数据' : 'core data'}</li>
           <li>
             <Link to='/transactions' activeClassName={styles.active}>
               {navIcon('transaction', styles)}
+              {}
               {lang === 'zh' ? '交易' : 'Transactions'}
             </Link>
           </li>
@@ -60,7 +61,7 @@ class Navigation extends React.Component {
         </ul>
 
         <ul className={styles.navigation}>
-          <li className={styles.navigationTitle}>services</li>
+          <li className={styles.navigationTitle}>{lang === 'zh' ? '服务' : 'services' }</li>
           {this.props.mockhsm &&
           <li>
             <Link to='/keys' activeClassName={styles.active}>
@@ -72,21 +73,39 @@ class Navigation extends React.Component {
         </ul>
 
         { this.props.showNavAdvance && <ul className={styles.navigation}>
-          <li className={styles.navigationTitle}>advanced</li>
+          <li className={styles.navigationTitle}>{lang === 'zh' ? '高级' : 'advanced' }</li>
           <li>
             <Link to='/unspents' activeClassName={styles.active}>
               {navIcon('unspent', styles)}
-              Unspent outputs
+              {lang === 'zh' ? '未花费输出' : 'Unspent outputs' }
             </Link>
           </li>
         </ul>}
 
-        <Sync/>
+        <ul className={styles.navigation}>
+          <li className={styles.navigationTitle}>{lang === 'zh' ? '帮助' : 'help' }</li>
+          <li>
+            <a href={docsRoot} target='_blank'>
+              {navIcon('docs', styles)}
+              {lang === 'zh' ? '文档' : 'Documentation'}
+            </a>
+          </li>
+        </ul>
 
-        <ul className={`${styles.navigation} ${styles.networkStatus}`}>
-          <li className={`${styles.navigationTitle} ${styles.networkWord}`}>{window.remote? window.remote.getGlobal('networkStatus'): null}</li>
+        <ul className={styles.navigation}>
+          <li className={styles.navigationTitle}>{lang === 'zh' ? '开发者' : 'Developer' }</li>
+          <li>
+            <a href='/equity' target='_blank'>
+              {navIcon('transaction', styles)}
+              {lang === 'zh' ? 'Equity 合约' : 'Equity Contract'}
+            </a>
+          </li>
         </ul>
 
+        <Sync
+          lang={lang}
+        />
+
       </div>
     )
   }
@@ -102,6 +121,7 @@ export default connect(
     }
 
     return {
+      coreData: state.core.coreData,
       routing: state.routing, // required for <Link>s to update active state on navigation
       showSync: state.core.configured && !state.core.generator,
       lang: state.core.lang,
@@ -113,7 +133,6 @@ export default connect(
   (dispatch) => ({
     showNavAdvanced: () => dispatch(appAction.showNavAdvanced),
     hideNavAdvanced: () => dispatch(appAction.hideNavAdvanced),
-    openTutorial: () => dispatch({type: 'OPEN_TUTORIAL'}),
     setLang: (event) => {
       dispatch({
         type: 'UPDATE_CORE_LANGUAGE',