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