import * as _ from 'lodash'; import {colors} from 'material-ui/styles'; import * as React from 'react'; import ReactTooltip = require('react-tooltip'); import {EtherscanLinkSuffixes} from 'ts/types'; import {utils} from 'ts/utils/utils'; interface EtherScanIconProps { addressOrTxHash: string; etherscanLinkSuffixes: EtherscanLinkSuffixes; networkId: number; } export const EtherScanIcon = (props: EtherScanIconProps) => { const etherscanLinkIfExists = utils.getEtherScanLinkIfExists( props.addressOrTxHash, props.networkId, EtherscanLinkSuffixes.address, ); const transactionTooltipId = `${props.addressOrTxHash}-etherscan-icon-tooltip`; return (
{!_.isUndefined(etherscanLinkIfExists) ? {renderIcon()} :
{renderIcon()} Your network (id: {props.networkId}) is not supported by Etherscan
}
); }; function renderIcon() { return ( ); }