diff --git a/src/components/MemoViewComponent.tsx b/src/components/MemoViewComponent.tsx index 4085d58..b663c7d 100644 --- a/src/components/MemoViewComponent.tsx +++ b/src/components/MemoViewComponent.tsx @@ -36,13 +36,12 @@ export const MemoViewComponent: React.FC = ({ return (
- {memoText === 'Encrypted' ? ( - - - - ) : ( - {memoText} - )} + + {memoText} + = ({ view }) => { ) } + case 'opaque': { + const opaqueSwap: SwapView_Opaque = view.swapView.value + + const asset1Id = opaqueSwap.swap?.body?.tradingPair?.asset1 + const asset1 = getAssetByAssetId(assets, uint8ToBase64(asset1Id!.inner!)) + const asset1Amount = opaqueSwap.swap?.body?.delta1I + const { asssetHumanDenom: assset1HumanDenom } = getHumanReadableValue( + asset1, + asset1Amount, + asset1Id! + ) + + const asset2Id = opaqueSwap.swap?.body?.tradingPair?.asset2 + const asset2 = getAssetByAssetId(assets, uint8ToBase64(asset2Id!.inner!)) + const asset2Amount = opaqueSwap.swap?.body?.delta2I + const { asssetHumanDenom: assset2HumanDenom } = getHumanReadableValue( + asset2, + asset2Amount, + asset2Id! + ) + + return ( + + {`Opaque swap for trading pair: ${assset1HumanDenom} <=> ${assset2HumanDenom}`} + + ) + } default: { return } diff --git a/src/lib/assets.ts b/src/lib/assets.ts index e92aa26..dabd6e9 100644 --- a/src/lib/assets.ts +++ b/src/lib/assets.ts @@ -45,11 +45,9 @@ export const getHumanReadableValue = ( ?.exponent || 0 } - const assetHumanAmount = calculateAmount( - Number(amount?.lo), - Number(amount?.hi), - assetExponent - ) + const assetHumanAmount = amount + ? calculateAmount(Number(amount?.lo), Number(amount?.hi), assetExponent) + : 0 return { assetHumanAmount,