this.props.showModal(
<ConsoleSection
cmd={this.props.cmd}
- lang={this.props.core.lang}
/>
)
}
</td>
</tr>
<tr className={styles.row}>
- <td className={styles.row_label}>{t('coreIndex.mining')}: </td>
- <td>
- <label className={styles.switch}>
- <input
- type='checkbox'
- onChange={this.handleMiningState}
- checked={miningState}
- />
- <span className={styles.slider}></span>
- </label>
- </td>
- </tr>
- <tr className={styles.row}>
<td className={styles.row_label} >{t('coreIndex.unit')} </td>
<td>
<DropdownButton
<td className={styles.row_label}> {t('coreIndex.syncStatus')}:</td>
<td className={styles.row_value}><code>{(coreData['syncing'])? t('coreIndex.synchronizing'): t('coreIndex.synced')}</code></td>
</tr>
- <tr className={styles.row} key={'core-mining'}>
- <td className={styles.row_label}> {t('coreIndex.miningStatus')}:</td>
- <td className={styles.row_value}><code>{(coreData['mining'])? t('coreIndex.miningRuning'): t('coreIndex.miningStopped')}</code></td>
- </tr>
<tr className={styles.row} key={'core-peerCount'}>
<td className={styles.row_label}> {t('coreIndex.peer')}:</td>
<td className={styles.row_value}><code>{String(coreData['peerCount'])}</code></td>
)
return (
- <div className={componentClassNames(this, 'flex-container', styles.mainContainer)}>
+ <div className={componentClassNames(this, 'flex-container')}>
<PageTitle
title={t('coreIndex.coreStatus')}
actions={[
- <button className='btn btn-link' onClick={this.consolePopup}>
- <img src={require('images/console-window.svg')}/>
+ <button className={`btn btn-link ${styles.actionBtn}`} onClick={this.consolePopup}>
+ <span>{t('console.title')}</span> <img src={require('images/console-window.svg')}/>
</button>
]}
/>
<PageContent>
- <div className={`${styles.flex}`}>
+ <div className={`${styles.flex} ${styles.mainContainer}`}>
{configBlock}
{networkStatusBlock}
</div>