fix: calculate tx value in tx list

pages/tx/index.tsx

@@ -9,7 +9,6 @@ import { isEmpty } from 'lodash'
 import { NextPage } from 'next'
 import Head from 'next/head'
 import React, { useEffect, useState } from 'react'
-import { getTransactionType } from 'utils/cosmos'
 import useTransaction from 'views/transactions/hook/useTransaction'
 import TransactionRow from 'views/transactions/TransactionRow'
 import Layout from '../../components/Layout'
@@ -81,10 +80,10 @@ const BlockDetailPage: React.FC<NextPage> = _ => {
 										hash={item.evmHash || item.hash}
 										from={item.from}
 										to={item.to}
-										value={undefined}
+										value={item.value}
 										valueToken={process.env.NEXT_PUBLIC_EVM_TOKEN as CryptoIconNames}
 										labelStatus={item.evmType}
-										type={getTransactionType(item?.messages[0]?.type)}
+										type={item.type}
 										newBlock={item.newTransaction}
 										height="auto"
 									/>

types/transactions.d.ts

@@ -43,13 +43,15 @@ interface TransactionItem {
 	timeoutHeight: number
 	messages: TransactionMessage[]
 	signers: Signer[]
+	type?: string
 }
 
 interface TransactionItemModified extends TransactionItem {
 	totalFee: TokenAmount
 	evmType: string
 	from?: string
 	to?: string
+	value?: string
 	evmHash?: string
 }
 

views/transactions/hook/useTransaction.ts

@@ -3,9 +3,9 @@ import usePagination from 'hooks/usePagination'
 import { differenceWith, isEmpty } from 'lodash'
 import { useCallback, useEffect, useState } from 'react'
 import useSWR from 'swr'
-import { getTransactionEvmType } from 'utils/cosmos'
+import { getTransactionEvmType, getTransactionType } from 'utils/cosmos'
 import { getFromToEvmTxFromCosmosEntry } from 'utils/evm'
-import { caculateAmount } from '../utils'
+import { caculateAmount, caculateCosmosTxAmount, caculateEthereumTxAmount } from '../utils'
 
 export default function useTransaction() {
 	const [_items, _setTransactionItem] = useState<TransactionItemModified[]>()
@@ -35,10 +35,16 @@ export default function useTransaction() {
 		return transactionResult.map((item: TransactionItem) => {
 			const totalFee = caculateAmount(item.fee)
 			const evmType = getTransactionEvmType(item.messages)
+			const type = getTransactionType(item?.messages[0]?.type)
 			const { from, to, evmHash } = getFromToEvmTxFromCosmosEntry(item.messages[0])
 			return {
 				...item,
+				value:
+					(type === 'MsgEthereumTx'
+						? caculateEthereumTxAmount(item.messages)
+						: caculateCosmosTxAmount(item.messages)) || '0',
 				totalFee,
+				type,
 				evmType,
 				from,
 				to,