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