blob: fef7520f66278cdacc0e04669d8d1a967f54785b (
plain) (
blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
|
import {ZeroEx} from '0x.js';
import BigNumber from 'bignumber.js';
import * as _ from 'lodash';
import * as React from 'react';
import {Token} from 'ts/types';
import {utils} from 'ts/utils/utils';
interface TokenSendCompletedProps {
etherScanLinkIfExists?: string;
token: Token;
toAddress: string;
amountInBaseUnits: BigNumber;
}
interface TokenSendCompletedState {}
export class TokenSendCompleted extends React.Component<TokenSendCompletedProps, TokenSendCompletedState> {
public render() {
const etherScanLink = !_.isUndefined(this.props.etherScanLinkIfExists) &&
(
<a
style={{color: 'white'}}
href={`${this.props.etherScanLinkIfExists}`}
target="_blank"
>
Verify on Etherscan
</a>
);
const amountInUnits = ZeroEx.toUnitAmount(this.props.amountInBaseUnits, this.props.token.decimals);
const truncatedAddress = utils.getAddressBeginAndEnd(this.props.toAddress);
return (
<div>
{`Sent ${amountInUnits} ${this.props.token.symbol} to ${truncatedAddress}: `}
{etherScanLink}
</div>
);
}
}
|