Remove account options icons

feature/default_network_editable
sdtsui 7 years ago
parent fce7bf3a1c
commit b9dfb3cd1e
  1. 41
      ui/responsive/app/components/account-info-link.js
  2. 77
      ui/responsive/app/components/account-options-menus.js
  3. 59
      ui/responsive/app/components/drop-menu-item.js

@ -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…
Cancel
Save