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