2016-06-02 01:30:14 +02:00
|
|
|
const Component = require('react').Component
|
|
|
|
const h = require('react-hyperscript')
|
|
|
|
const inherits = require('util').inherits
|
|
|
|
|
|
|
|
module.exports = Network
|
|
|
|
|
|
|
|
inherits(Network, Component)
|
|
|
|
|
|
|
|
function Network() {
|
|
|
|
Component.call(this)
|
|
|
|
}
|
|
|
|
|
|
|
|
Network.prototype.render = function() {
|
2016-06-03 22:08:49 +02:00
|
|
|
const state = this.props
|
|
|
|
const networkNumber = state.network
|
|
|
|
let iconName, hoverText
|
|
|
|
const imagePath = "/images/"
|
2016-06-02 01:30:14 +02:00
|
|
|
|
2016-06-03 21:59:56 +02:00
|
|
|
if (networkNumber == undefined || networkNumber == "error") {
|
2016-06-03 22:08:49 +02:00
|
|
|
hoverText = 'No Blockchain Connection'
|
|
|
|
iconName = 'no-connection'
|
2016-06-03 22:58:09 +02:00
|
|
|
} else if (networkNumber == 'loading') {
|
|
|
|
return h('img', {
|
|
|
|
title: 'Contacting network...',
|
|
|
|
style: {
|
|
|
|
width: '27px',
|
|
|
|
},
|
|
|
|
src: 'images/loading.svg',
|
|
|
|
})
|
2016-06-03 21:59:56 +02:00
|
|
|
} else if (networkNumber == 1) {
|
2016-06-03 22:08:49 +02:00
|
|
|
hoverText = 'Main Ethereum Network'
|
|
|
|
iconName = 'ethereum-network'
|
|
|
|
}else if (networkNumber == 2) {
|
|
|
|
hoverText = "Morden Test Network"
|
|
|
|
iconName = 'morden-test-network'
|
|
|
|
}else {
|
|
|
|
hoverText = "Unknown Private Network"
|
|
|
|
iconName = 'unknown-private-network'
|
2016-06-02 01:30:14 +02:00
|
|
|
}
|
|
|
|
return (
|
|
|
|
h('#network_component.flex-center', {
|
|
|
|
style: {},
|
2016-06-03 22:08:49 +02:00
|
|
|
title: hoverText,
|
|
|
|
},[ h('img',{src: imagePath + iconName + ".jpg", width: '25px'}) ])
|
2016-06-02 01:30:14 +02:00
|
|
|
)
|
|
|
|
}
|