From b9dfb3cd1e825961dd3e32065d2bf377f2f59355 Mon Sep 17 00:00:00 2001 From: sdtsui Date: Tue, 18 Jul 2017 05:25:58 -0700 Subject: [PATCH] Remove account options icons --- .../app/components/account-info-link.js | 41 ---------- .../app/components/account-options-menus.js | 77 ------------------- .../app/components/drop-menu-item.js | 59 -------------- 3 files changed, 177 deletions(-) delete mode 100644 ui/responsive/app/components/account-info-link.js delete mode 100644 ui/responsive/app/components/account-options-menus.js delete mode 100644 ui/responsive/app/components/drop-menu-item.js diff --git a/ui/responsive/app/components/account-info-link.js b/ui/responsive/app/components/account-info-link.js deleted file mode 100644 index 6526ab502..000000000 --- a/ui/responsive/app/components/account-info-link.js +++ /dev/null @@ -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 }) }, - }), - ]), - ]) -} diff --git a/ui/responsive/app/components/account-options-menus.js b/ui/responsive/app/components/account-options-menus.js deleted file mode 100644 index ce2699b38..000000000 --- a/ui/responsive/app/components/account-options-menus.js +++ /dev/null @@ -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, -}; \ No newline at end of file diff --git a/ui/responsive/app/components/drop-menu-item.js b/ui/responsive/app/components/drop-menu-item.js deleted file mode 100644 index e42948209..000000000 --- a/ui/responsive/app/components/drop-menu-item.js +++ /dev/null @@ -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', '✓') - } -}