diff options
author | fragosti <francesco.agosti93@gmail.com> | 2018-07-25 07:02:21 +0800 |
---|---|---|
committer | fragosti <francesco.agosti93@gmail.com> | 2018-07-25 07:02:21 +0800 |
commit | 9c81692d48fed4942fe6482949d6eed3629d4037 (patch) | |
tree | aefc2a71dcfce2589c1e8505e6b64f2e6c9a9dfe /packages/website/ts/components/flash_messages/asset_send_completed.tsx | |
parent | c505ba6f3e05f4bb415f50352fbb124fec3a71ad (diff) | |
parent | fac90c446cc3a79ffe57ae13c685e7555714cf23 (diff) | |
download | dexon-sol-tools-9c81692d48fed4942fe6482949d6eed3629d4037.tar dexon-sol-tools-9c81692d48fed4942fe6482949d6eed3629d4037.tar.gz dexon-sol-tools-9c81692d48fed4942fe6482949d6eed3629d4037.tar.bz2 dexon-sol-tools-9c81692d48fed4942fe6482949d6eed3629d4037.tar.lz dexon-sol-tools-9c81692d48fed4942fe6482949d6eed3629d4037.tar.xz dexon-sol-tools-9c81692d48fed4942fe6482949d6eed3629d4037.tar.zst dexon-sol-tools-9c81692d48fed4942fe6482949d6eed3629d4037.zip |
Merge branch 'v2-prototype' of https://github.com/0xProject/0x-monorepo into feature/website/upgrade-allowance-toggles-to-locks-and-checks
Diffstat (limited to 'packages/website/ts/components/flash_messages/asset_send_completed.tsx')
-rw-r--r-- | packages/website/ts/components/flash_messages/asset_send_completed.tsx | 34 |
1 files changed, 34 insertions, 0 deletions
diff --git a/packages/website/ts/components/flash_messages/asset_send_completed.tsx b/packages/website/ts/components/flash_messages/asset_send_completed.tsx new file mode 100644 index 000000000..f76e05fe1 --- /dev/null +++ b/packages/website/ts/components/flash_messages/asset_send_completed.tsx @@ -0,0 +1,34 @@ +import { colors } from '@0xproject/react-shared'; +import { BigNumber } from '@0xproject/utils'; +import { Web3Wrapper } from '@0xproject/web3-wrapper'; +import * as _ from 'lodash'; +import * as React from 'react'; +import { utils } from 'ts/utils/utils'; + +interface AssetSendCompletedProps { + etherScanLinkIfExists?: string; + toAddress: string; + amountInBaseUnits: BigNumber; + decimals: number; + symbol: string; +} + +interface AssetSendCompletedState {} + +export class AssetSendCompleted extends React.Component<AssetSendCompletedProps, AssetSendCompletedState> { + public render(): React.ReactNode { + const etherScanLink = !_.isUndefined(this.props.etherScanLinkIfExists) && ( + <a style={{ color: colors.white }} href={`${this.props.etherScanLinkIfExists}`} target="_blank"> + Verify on Etherscan + </a> + ); + const amountInUnits = Web3Wrapper.toUnitAmount(this.props.amountInBaseUnits, this.props.decimals); + const truncatedAddress = utils.getAddressBeginAndEnd(this.props.toAddress); + return ( + <div> + {`Sent ${amountInUnits} ${this.props.symbol} to ${truncatedAddress}: `} + {etherScanLink} + </div> + ); + } +} |