Apply prettier config
This commit is contained in:
@@ -1,9 +1,9 @@
|
||||
import * as _ from 'lodash';
|
||||
import * as React from 'react';
|
||||
import ReactTooltip = require('react-tooltip');
|
||||
import {EtherscanLinkSuffixes} from 'ts/types';
|
||||
import {colors} from 'ts/utils/colors';
|
||||
import {utils} from 'ts/utils/utils';
|
||||
import { EtherscanLinkSuffixes } from 'ts/types';
|
||||
import { colors } from 'ts/utils/colors';
|
||||
import { utils } from 'ts/utils/utils';
|
||||
|
||||
interface EtherScanIconProps {
|
||||
addressOrTxHash: string;
|
||||
@@ -13,38 +13,29 @@ interface EtherScanIconProps {
|
||||
|
||||
export const EtherScanIcon = (props: EtherScanIconProps) => {
|
||||
const etherscanLinkIfExists = utils.getEtherScanLinkIfExists(
|
||||
props.addressOrTxHash, props.networkId, EtherscanLinkSuffixes.Address,
|
||||
props.addressOrTxHash,
|
||||
props.networkId,
|
||||
EtherscanLinkSuffixes.Address,
|
||||
);
|
||||
const transactionTooltipId = `${props.addressOrTxHash}-etherscan-icon-tooltip`;
|
||||
return (
|
||||
<div className="inline">
|
||||
{!_.isUndefined(etherscanLinkIfExists) ?
|
||||
<a
|
||||
href={etherscanLinkIfExists}
|
||||
target="_blank"
|
||||
>
|
||||
{!_.isUndefined(etherscanLinkIfExists) ? (
|
||||
<a href={etherscanLinkIfExists} target="_blank">
|
||||
{renderIcon()}
|
||||
</a> :
|
||||
<div
|
||||
className="inline"
|
||||
data-tip={true}
|
||||
data-for={transactionTooltipId}
|
||||
>
|
||||
</a>
|
||||
) : (
|
||||
<div className="inline" data-tip={true} data-for={transactionTooltipId}>
|
||||
{renderIcon()}
|
||||
<ReactTooltip id={transactionTooltipId}>
|
||||
Your network (id: {props.networkId}) is not supported by Etherscan
|
||||
</ReactTooltip>
|
||||
</div>
|
||||
}
|
||||
)}
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
function renderIcon() {
|
||||
return (
|
||||
<i
|
||||
style={{color: colors.amber600}}
|
||||
className="zmdi zmdi-open-in-new"
|
||||
/>
|
||||
);
|
||||
return <i style={{ color: colors.amber600 }} className="zmdi zmdi-open-in-new" />;
|
||||
}
|
||||
|
Reference in New Issue
Block a user