aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorsdtsui <szehungdanieltsui@gmail.com>2017-07-18 20:25:58 +0800
committersdtsui <szehungdanieltsui@gmail.com>2017-07-18 20:31:53 +0800
commitb9dfb3cd1e825961dd3e32065d2bf377f2f59355 (patch)
treed9d387e1d52bf48e963bff3ef340602455f54782
parentfce7bf3a1ca3c3b1b84173355965d8dc511effdc (diff)
downloadtangerine-wallet-browser-b9dfb3cd1e825961dd3e32065d2bf377f2f59355.tar
tangerine-wallet-browser-b9dfb3cd1e825961dd3e32065d2bf377f2f59355.tar.gz
tangerine-wallet-browser-b9dfb3cd1e825961dd3e32065d2bf377f2f59355.tar.bz2
tangerine-wallet-browser-b9dfb3cd1e825961dd3e32065d2bf377f2f59355.tar.lz
tangerine-wallet-browser-b9dfb3cd1e825961dd3e32065d2bf377f2f59355.tar.xz
tangerine-wallet-browser-b9dfb3cd1e825961dd3e32065d2bf377f2f59355.tar.zst
tangerine-wallet-browser-b9dfb3cd1e825961dd3e32065d2bf377f2f59355.zip
Remove account options icons
-rw-r--r--ui/responsive/app/components/account-info-link.js41
-rw-r--r--ui/responsive/app/components/account-options-menus.js77
-rw-r--r--ui/responsive/app/components/drop-menu-item.js59
3 files changed, 0 insertions, 177 deletions
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', '✓')
- }
-}