diff --git a/src/nft/components/bag/BagRow.tsx b/src/nft/components/bag/BagRow.tsx index 670511f41d..8c4da986f1 100644 --- a/src/nft/components/bag/BagRow.tsx +++ b/src/nft/components/bag/BagRow.tsx @@ -62,6 +62,13 @@ export const BagRow = ({ asset, usdPrice, removeAsset, showRemove, grayscale, is if (cardHovered && assetCardRef.current && assetCardRef.current.matches(':hover') === false) setCardHovered(false) + const assetEthPrice = asset.updatedPriceInfo ? asset.updatedPriceInfo.ETHPrice : asset.priceInfo.ETHPrice + const assetEthPriceFormatted = formatWeiToDecimal(assetEthPrice) + const assetUSDPriceFormatted = ethNumberStandardFormatter( + usdPrice ? parseFloat(formatEther(assetEthPrice)) * usdPrice : usdPrice, + true + ) + return ( @@ -120,22 +127,12 @@ export const BagRow = ({ asset, usdPrice, removeAsset, showRemove, grayscale, is )} {(!showRemoveButton || isMobile) && ( - + - {`${formatWeiToDecimal( - asset.updatedPriceInfo ? asset.updatedPriceInfo.ETHPrice : asset.priceInfo.ETHPrice - )} ETH`} - - - {`${ethNumberStandardFormatter( - usdPrice - ? parseFloat( - formatEther(asset.updatedPriceInfo ? asset.updatedPriceInfo.ETHPrice : asset.priceInfo.ETHPrice) - ) * usdPrice - : usdPrice, - true - )}`} + {assetEthPriceFormatted} +  ETH + {assetUSDPriceFormatted} )}