a/otterscan
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Extract unit name

Browse Source
This commit is contained in:
Willian Mitsuda 2022-02-19 15:25:37 -03:00
parent dcc125293a
commit 40c2547565
1 changed files with 4 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/TransactionValue.tsx
View File

@ -6,6 +6,7 @@ type TransactionValueProps = {
value: BigNumber; value: BigNumber;
decimals?: number; decimals?: number;
hideUnit?: boolean; hideUnit?: boolean;
unitName?: string;
}; };
/** /**
@ -22,16 +23,17 @@ const TransactionValue: React.FC<TransactionValueProps> = ({
value, value,
decimals = 18, decimals = 18,
hideUnit, hideUnit,
unitName = "ETH",
}) => { }) => {
const formattedValue = formatValue(value, decimals); const formattedValue = formatValue(value, decimals);
return ( return (
<span <span
className={`text-sm ${value.isZero() ? "text-gray-400" : ""}`} className={`text-sm ${value.isZero() ? "text-gray-400" : ""}`}
title={`${formattedValue} Ether`} title={`${formattedValue} ${unitName}`}
> >
<span className={`font-balance`}>{formattedValue}</span> <span className={`font-balance`}>{formattedValue}</span>
{!hideUnit && " Ether"} {!hideUnit && ` ${unitName}`}
</span> </span>
); );
}; };