src/features/app/components/Sync/Sync.jsx

   1 import React from 'react'
   2 import navStyles from '../Navigation/Navigation.scss'
   3 import styles from './Sync.scss'
   4 import { chainClient } from 'utility/environment'
   5
   6 class Sync extends React.Component {
   7   constructor(props) {
   8     super(props)
   9
  10     const fetchInfo = () => {
  11       chainClient().config.info().then(resp => {
  12         this.setState(resp.data)
  13       })
  14     }
  15     setInterval(fetchInfo.bind(this), 2 * 1000)
  16   }
  17
  18   render() {
  19     if (!this.state) {
  20       return <ul></ul>
  21     }
  22
  23     const arr = Object.keys(this.state).map(key => {
  24       return <li key={key}>{key + ': ' + String(this.state[key])}</li>
  25     })
  26     arr.unshift(<li key='sync-title' className={navStyles.navigationTitle}>Network status</li>)
  27
  28     return <ul className={`${navStyles.navigation} ${styles.main}`}>{arr}</ul>
  29   }
  30 }
  31
  32 export default Sync