change the position of netwrok info

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

diff --git a/src/features/app/components/Sync/Sync.jsx b/src/features/app/components/Sync/Sync.jsx
index 5df0a1e..31318f0 100644 (file)
--- a/src/features/app/components/Sync/Sync.jsx
+++ b/src/features/app/components/Sync/Sync.jsx
@@ -9,29 +9,29 @@ class Sync extends React.Component {
     if(!coreData){
       return <ul></ul>
     }
+    const networkID = coreData.networkId
     const syncing = coreData.syncing
-    // const syncing = true
     const peerCount = coreData.peerCount
     const currentBlock = coreData.currentBlock
-    // const currentBlock = 1
     const highestBlock = coreData.highestBlock
-    // const highestBlock = currentBlock
     const lang = this.props.lang
 
     if (syncing) {
       return <ul className={`${navStyles.navigation} ${styles.main}`}>
+        <li key='sync-networkID' className={navStyles.navigationTitle}>{ networkID }</li>
         <li key='sync-title' className={navStyles.navigationTitle}>{ lang === 'zh' ? '网络同步状态' : 'Network Sync Status'}</li>
-        <li key='sync-status'>{lang === 'zh' ? '同步中...' : 'Synchronizing...'}  {currentBlock}/{highestBlock}</li>
+        <li key='sync-status'>{lang === 'zh' ? '同步中: ' : 'Synchronizing: '}  {currentBlock}/{highestBlock}</li>
         <li key='sync-peer-count'>{lang === 'zh' ? '节点数' : 'Peer Count'}: {peerCount}</li>
       </ul>
     }
 
     const elems = []
 
+    elems.push(<li key='sync-networkID' className={navStyles.navigationTitle}>{ networkID }</li>)
     elems.push(<li key='sync-title' className={navStyles.navigationTitle}>{ lang === 'zh' ? '网络同步状态' : 'Network Sync Status' }</li>)
 
     if(!syncing && currentBlock == highestBlock){
-      elems.push(<li key='sync-done'>{lang === 'zh' ? '同步完成' : 'Fully synced.' } <span className={styles.testnetReset}>{currentBlock}/{highestBlock}</span></li>)
+      elems.push(<li key='sync-done'>{lang === 'zh' ? '同步完成: ' : 'Fully synced: ' } <span className={styles.testnetReset}>{currentBlock}/{highestBlock}</span></li>)
     }
 
     if(!syncing && currentBlock < highestBlock){