Add menu carrat next to network searching indicator

feature/default_network_editable
Dan Finlay 8 years ago
parent fa533469cb
commit 4e4d6cea40
  1. 24
      ui/app/app.js
  2. 23
      ui/app/components/network.js

@ -136,7 +136,7 @@ App.prototype.renderAppBar = function () {
},
}, [
h('div', {
h('div.left-menu-section', {
style: {
display: 'flex',
flexDirection: 'row',
@ -151,21 +151,15 @@ App.prototype.renderAppBar = function () {
src: '/images/icon-128.png',
}),
h('#network-spacer.flex-center', {
style: {
marginRight: '-72px',
h(NetworkIndicator, {
network: this.props.network,
provider: this.props.provider,
onClick: (event) => {
event.preventDefault()
event.stopPropagation()
this.setState({ isNetworkMenuOpen: !isNetworkMenuOpen })
},
}, [
h(NetworkIndicator, {
network: this.props.network,
provider: this.props.provider,
onClick: (event) => {
event.preventDefault()
event.stopPropagation()
this.setState({ isNetworkMenuOpen: !isNetworkMenuOpen })
},
}),
]),
}),
]),
// metamask name

@ -22,15 +22,24 @@ Network.prototype.render = function () {
let iconName, hoverText
if (networkNumber === 'loading') {
return h('img.network-indicator', {
title: 'Attempting to connect to blockchain.',
onClick: (event) => this.props.onClick(event),
return h('span', {
style: {
width: '27px',
marginRight: '-27px',
display: 'flex',
alignItems: 'center',
flexDirection: 'row',
},
src: 'images/loading.svg',
})
onClick: (event) => this.props.onClick(event),
}, [
h('img', {
title: 'Attempting to connect to blockchain.',
style: {
width: '27px',
},
src: 'images/loading.svg',
}),
h('i.fa.fa-sort-desc'),
])
} else if (providerName === 'mainnet') {
hoverText = 'Main Ethereum Network'
iconName = 'ethereum-network'

Loading…
Cancel
Save