aboutsummaryrefslogtreecommitdiffstats
path: root/packages/instant/src/components/payment_method_dropdown.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'packages/instant/src/components/payment_method_dropdown.tsx')
-rw-r--r--packages/instant/src/components/payment_method_dropdown.tsx60
1 files changed, 0 insertions, 60 deletions
diff --git a/packages/instant/src/components/payment_method_dropdown.tsx b/packages/instant/src/components/payment_method_dropdown.tsx
deleted file mode 100644
index e463e3eae..000000000
--- a/packages/instant/src/components/payment_method_dropdown.tsx
+++ /dev/null
@@ -1,60 +0,0 @@
-import { BigNumber } from '@0x/utils';
-import * as copy from 'copy-to-clipboard';
-import * as React from 'react';
-
-import { Network } from '../types';
-import { analytics } from '../util/analytics';
-import { envUtil } from '../util/env';
-import { etherscanUtil } from '../util/etherscan';
-import { format } from '../util/format';
-
-import { Dropdown, DropdownItemConfig } from './ui/dropdown';
-
-export interface PaymentMethodDropdownProps {
- accountAddress: string;
- accountEthBalanceInWei?: BigNumber;
- network: Network;
-}
-
-export class PaymentMethodDropdown extends React.PureComponent<PaymentMethodDropdownProps> {
- public render(): React.ReactNode {
- const { accountAddress, accountEthBalanceInWei } = this.props;
- const value = format.ethAddress(accountAddress);
- const label = format.ethBaseUnitAmount(accountEthBalanceInWei, 4, '') as string;
- return (
- <Dropdown
- value={value}
- label={label}
- items={this._getDropdownItemConfigs()}
- onOpen={analytics.trackPaymentMethodDropdownOpened}
- />
- );
- }
- private readonly _getDropdownItemConfigs = (): DropdownItemConfig[] => {
- if (envUtil.isMobileOperatingSystem()) {
- return [];
- }
- const viewOnEtherscan = {
- text: 'View on Etherscan',
- onClick: this._handleEtherscanClick,
- };
- const copyAddressToClipboard = {
- text: 'Copy address to clipboard',
- onClick: this._handleCopyToClipboardClick,
- };
- return [viewOnEtherscan, copyAddressToClipboard];
- };
- private readonly _handleEtherscanClick = (): void => {
- analytics.trackPaymentMethodOpenedEtherscan();
-
- const { accountAddress, network } = this.props;
- const etherscanUrl = etherscanUtil.getEtherScanEthAddressIfExists(accountAddress, network);
- window.open(etherscanUrl, '_blank');
- };
- private readonly _handleCopyToClipboardClick = (): void => {
- analytics.trackPaymentMethodCopiedAddress();
-
- const { accountAddress } = this.props;
- copy(accountAddress);
- };
-}