diff options
Diffstat (limited to 'ui/app/components/network.js')
-rw-r--r-- | ui/app/components/network.js | 57 |
1 files changed, 28 insertions, 29 deletions
diff --git a/ui/app/components/network.js b/ui/app/components/network.js index b226a6db6..771be5f32 100644 --- a/ui/app/components/network.js +++ b/ui/app/components/network.js @@ -6,34 +6,33 @@ module.exports = Network inherits(Network, Component) -function Network() { +function Network () { Component.call(this) } -Network.prototype.render = function() { +Network.prototype.render = function () { const state = this.props const networkNumber = state.network let iconName, hoverText - const imagePath = "/images/" - if (networkNumber == 'loading') { + if (networkNumber === 'loading') { return h('img', { title: 'Attempting to connect to blockchain.', - onClick:(event) => this.props.onClick(event), + onClick: (event) => this.props.onClick(event), style: { width: '27px', - marginRight: '-27px' + marginRight: '-27px', }, src: 'images/loading.svg', }) - } else if (parseInt(networkNumber) == 1) { + } else if (parseInt(networkNumber) === 1) { hoverText = 'Main Ethereum Network' iconName = 'ethereum-network' - }else if (parseInt(networkNumber) == 2) { - hoverText = "Morden Test Network" + } else if (parseInt(networkNumber) === 2) { + hoverText = 'Morden Test Network' iconName = 'morden-test-network' - }else { - hoverText = "Unknown Private Network" + } else { + hoverText = 'Unknown Private Network' iconName = 'unknown-private-network' } return ( @@ -43,24 +42,24 @@ Network.prototype.render = function() { marginLeft: '-3px', }, title: hoverText, - onClick:(event) => this.props.onClick(event), - },[ - function() { - switch (iconName) { - case 'ethereum-network': - return h('.menu-icon.ether-icon') - case 'morden-test-network': - return h('.menu-icon.morden-icon') - default: - return h('i.fa.fa-question-circle.fa-lg', { - ariaHidden: true, - style: { - margin: '10px', - color: 'rgb(125, 128, 130)', - }, - }) - } - }() + onClick: (event) => this.props.onClick(event), + }, [ + (function () { + switch (iconName) { + case 'ethereum-network': + return h('.menu-icon.ether-icon') + case 'morden-test-network': + return h('.menu-icon.morden-icon') + default: + return h('i.fa.fa-question-circle.fa-lg', { + ariaHidden: true, + style: { + margin: '10px', + color: 'rgb(125, 128, 130)', + }, + }) + } + })(), ]) ) } |