Newer
Older
// Copyright 2015-2018 Parity Technologies (UK) Ltd.
import React, { PureComponent } from 'react';
import { AccountHeader, MenuPopup } from 'fether-ui';
import { Link, withRouter } from 'react-router-dom';
import Health from '../Health';
import TokensList from './TokensList';
import withAccount from '../utils/withAccount';
Axel Chalon
committed
@withRouter
state = {
isMenuOpen: false
};
handleToggleMenu = () => {
const { isMenuOpen } = this.state;
this.setState({ isMenuOpen: !isMenuOpen });
};
handleMenuRef = menuNode => this.setState({ menuNode });
handleGoToLink = url => {
this.props.history.push(url);
isParitySignerAccount = () => {
const {
account: { type }
} = this.props;
return type === 'signer';
};
const {
account: { address }
} = this.props;
const backupAccountItem = {
name: 'Backup Account',
url: `/backup/${address}`
};
let menuItems = [
url: `/whitelist/${address}`
if (this.isParitySignerAccount() === false) {
menuItems = [backupAccountItem, ...menuItems];
}
return menuItems;
const {
account: { address, name, type }
} = this.props;
const { isMenuOpen, menuNode } = this.state;
Luke Schoen
committed
<div className='tokens'>
<div className={isMenuOpen ? 'popup-underlay' : ''} />
<MenuPopup
className='popup-menu-account'
context={menuNode}
horizontalOffset={1}
menuItems={this.menuItems()}
onClose={this.handleToggleMenu}
open={isMenuOpen}
size='small'
/>
className='icon -menu'
ref={this.handleMenuRef}
onClick={this.handleToggleMenu}
>
Menu
</a>
}