mirror of
https://github.com/kremalicious/metamask-extension.git
synced 2024-12-23 09:52:26 +01:00
Remove account options icons
This commit is contained in:
parent
fce7bf3a1c
commit
b9dfb3cd1e
@ -1,41 +0,0 @@
|
||||
const Component = require('react').Component
|
||||
const h = require('react-hyperscript')
|
||||
const inherits = require('util').inherits
|
||||
const Tooltip = require('./tooltip')
|
||||
const genAccountLink = require('../../lib/account-link')
|
||||
|
||||
module.exports = AccountInfoLink
|
||||
|
||||
inherits(AccountInfoLink, Component)
|
||||
function AccountInfoLink () {
|
||||
Component.call(this)
|
||||
}
|
||||
|
||||
AccountInfoLink.prototype.render = function () {
|
||||
const { selected, network } = this.props
|
||||
const title = 'View account on Etherscan'
|
||||
const url = genAccountLink(selected, network)
|
||||
|
||||
if (!url) {
|
||||
return null
|
||||
}
|
||||
|
||||
return h('.account-info-link', {
|
||||
style: {
|
||||
display: 'flex',
|
||||
alignItems: 'center',
|
||||
},
|
||||
}, [
|
||||
|
||||
h(Tooltip, {
|
||||
title,
|
||||
}, [
|
||||
h('i.fa.fa-info-circle.cursor-pointer.color-orange', {
|
||||
style: {
|
||||
margin: '5px',
|
||||
},
|
||||
onClick () { global.platform.openWindow({ url }) },
|
||||
}),
|
||||
]),
|
||||
])
|
||||
}
|
@ -1,77 +0,0 @@
|
||||
const Component = require('react').Component;
|
||||
const PropTypes = require('react').PropTypes;
|
||||
const h = require('react-hyperscript');
|
||||
const Dropdown = require('./dropdown').Dropdown;
|
||||
const DropdownMenuItem = require('./dropdown').DropdownMenuItem;
|
||||
|
||||
class AccountOptionsMenus extends Component {
|
||||
constructor(props) {
|
||||
super(props);
|
||||
this.state = {
|
||||
overflowMenuActive: false,
|
||||
switchingMenuActive: false,
|
||||
};
|
||||
console.log("state:", this.state);
|
||||
}
|
||||
|
||||
render() {
|
||||
console.log("RENDERING AcountOptionsMenus");
|
||||
return h(
|
||||
'span',
|
||||
{
|
||||
style: this.props.style,
|
||||
},
|
||||
[
|
||||
h(
|
||||
'i.fa.fa-angle-down',
|
||||
{
|
||||
onClick: (event) => {
|
||||
event.stopPropagation();
|
||||
this.setState({ switchingMenuActive: !this.state.switchingMenuActive })
|
||||
}
|
||||
},
|
||||
[
|
||||
h(
|
||||
Dropdown,
|
||||
{
|
||||
isOpen: this.state.switchingMenuActive,
|
||||
onClickOutside: () => { this.setState({ switchingMenuActive: false})}
|
||||
},
|
||||
[
|
||||
h(DropdownMenuItem, {
|
||||
}, 'Settings'),
|
||||
]
|
||||
)
|
||||
],
|
||||
),
|
||||
h(
|
||||
'i.fa.fa-ellipsis-h',
|
||||
{
|
||||
style: { 'marginLeft': '10px'},
|
||||
onClick: (event) => {
|
||||
event.stopPropagation();
|
||||
this.setState({ overflowMenuActive: !this.state.overflowMenuActive })
|
||||
}
|
||||
},
|
||||
[
|
||||
h(
|
||||
Dropdown,
|
||||
{
|
||||
isOpen: this.state.overflowMenuActive,
|
||||
onClickOutside: () => { this.setState({ overflowMenuActive: false})}
|
||||
},
|
||||
[
|
||||
h(DropdownMenuItem, {
|
||||
}, 'Settings'),
|
||||
]
|
||||
)
|
||||
]
|
||||
)
|
||||
]
|
||||
)
|
||||
}
|
||||
}
|
||||
|
||||
module.exports = {
|
||||
AccountOptionsMenus,
|
||||
};
|
@ -1,59 +0,0 @@
|
||||
const Component = require('react').Component
|
||||
const h = require('react-hyperscript')
|
||||
const inherits = require('util').inherits
|
||||
|
||||
module.exports = DropMenuItem
|
||||
|
||||
inherits(DropMenuItem, Component)
|
||||
function DropMenuItem () {
|
||||
Component.call(this)
|
||||
}
|
||||
|
||||
DropMenuItem.prototype.render = function () {
|
||||
return h('li.drop-menu-item', {
|
||||
onClick: () => {
|
||||
this.props.closeMenu()
|
||||
this.props.action()
|
||||
},
|
||||
style: {
|
||||
listStyle: 'none',
|
||||
padding: '6px 16px 6px 5px',
|
||||
fontFamily: 'Montserrat Regular',
|
||||
color: 'rgb(125, 128, 130)',
|
||||
cursor: 'pointer',
|
||||
display: 'flex',
|
||||
justifyContent: 'flex-start',
|
||||
},
|
||||
}, [
|
||||
this.props.icon,
|
||||
this.props.label,
|
||||
this.activeNetworkRender(),
|
||||
])
|
||||
}
|
||||
|
||||
DropMenuItem.prototype.activeNetworkRender = function () {
|
||||
const activeNetwork = this.props.activeNetworkRender
|
||||
const { provider } = this.props
|
||||
const providerType = provider ? provider.type : null
|
||||
if (activeNetwork === undefined) return
|
||||
|
||||
switch (this.props.label) {
|
||||
case 'Main Ethereum Network':
|
||||
if (providerType === 'mainnet') return h('.check', '✓')
|
||||
break
|
||||
case 'Ropsten Test Network':
|
||||
if (providerType === 'ropsten') return h('.check', '✓')
|
||||
break
|
||||
case 'Kovan Test Network':
|
||||
if (providerType === 'kovan') return h('.check', '✓')
|
||||
break
|
||||
case 'Rinkeby Test Network':
|
||||
if (providerType === 'rinkeby') return h('.check', '✓')
|
||||
break
|
||||
case 'Localhost 8545':
|
||||
if (activeNetwork === 'http://localhost:8545') return h('.check', '✓')
|
||||
break
|
||||
default:
|
||||
if (activeNetwork === 'custom') return h('.check', '✓')
|
||||
}
|
||||
}
|
Loading…
Reference in New Issue
Block a user