import * as _ from 'lodash'; import * as React from 'react'; import { MenuItem } from 'ts/components/ui/menu_item'; import { Environments, WebsitePaths } from 'ts/types'; import { configs } from 'ts/utils/configs'; export interface PortalMenuProps { menuItemStyle: React.CSSProperties; onClick?: () => void; } interface PortalMenuState {} export class PortalMenu extends React.Component { public static defaultProps: Partial = { onClick: _.noop, }; public render() { return (
{this._renderMenuItemWithIcon('Generate order', 'zmdi-arrow-right-top')} {this._renderMenuItemWithIcon('Fill order', 'zmdi-arrow-left-bottom')} {this._renderMenuItemWithIcon('Balances', 'zmdi-balance-wallet')} {this._renderMenuItemWithIcon('Trade history', 'zmdi-format-list-bulleted')} {this._renderMenuItemWithIcon('Wrap ETH', 'zmdi-circle-o')} {configs.ENVIRONMENT === Environments.DEVELOPMENT && (
{this._renderMenuItemWithIcon('Wallet', 'zmdi-balance-wallet')} {this._renderMenuItemWithIcon('Relayers', 'zmdi-input-antenna')}
)}
); } private _renderMenuItemWithIcon(title: string, iconName: string) { return (
{title}
); } }