import * as _ from 'lodash'; import * as React from 'react'; import ReactTooltip from 'react-tooltip'; import { EtherscanLinkSuffixes } from 'ts/types'; import { colors } from 'ts/utils/colors'; 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, props.etherscanLinkSuffixes, ); const transactionTooltipId = `${props.addressOrTxHash}-etherscan-icon-tooltip`; return (
{etherscanLinkIfExists !== undefined ? ( {renderIcon()} ) : (
{renderIcon()} Your network (id: {props.networkId}) is not supported by Etherscan
)}
); }; function renderIcon(): React.ReactNode { return ; }