m/metamask-extension
1
0
Fork 0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-23 09:52:26 +01:00
Code

Add menu carrat next to network searching indicator

Browse Source
This commit is contained in:
Dan Finlay 2017-07-03 15:06:26 -07:00
parent fa533469cb
commit 4e4d6cea40
2 changed files with 25 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
ui/app/app.js
View File

@ -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

23
ui/app/components/network.js
View File

@ -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'