()
- return (
-
- {'innerId' in transaction ? (
-
- ) : (
-
- )}
-
- )
- },
- },
- {
- header: 'Round',
- accessorKey: 'confirmedRound',
- },
- {
- accessorKey: 'sender',
- header: 'From',
- cell: (c) => ellipseAddress(c.getValue()),
- },
- {
- header: 'To',
- accessorFn: asTo,
- },
- {
- header: 'Fee',
- accessorFn: (transaction) => transaction,
- cell: (c) => {
- const transaction = c.getValue()
- if (transaction.type === TransactionType.ApplicationCall)
- return
- },
- },
-]
diff --git a/src/features/assets/components/asset-live-transactions.tsx b/src/features/assets/components/asset-live-transactions.tsx
index 0d4e3d039..2c493e78c 100644
--- a/src/features/assets/components/asset-live-transactions.tsx
+++ b/src/features/assets/components/asset-live-transactions.tsx
@@ -1,11 +1,11 @@
import { AssetId } from '../data/types'
import { useCallback } from 'react'
import { LiveTransactionsTable } from '@/features/transactions/components/live-transactions-table'
-import { assetTransactionsTableColumns } from '../utils/asset-transactions-table-columns'
import { TransactionResult } from '@algorandfoundation/algokit-utils/types/indexer'
import { getAssetIdsForTransaction } from '@/features/transactions/utils/get-asset-ids-for-transaction'
import { InnerTransaction, Transaction } from '@/features/transactions/models'
import { getAssetTransactionsTableSubRows } from '../utils/get-asset-transactions-table-sub-rows'
+import { transactionsTableColumns } from '@/features/transactions/components/transactions-table-columns'
type Props = {
assetId: AssetId
@@ -20,5 +20,5 @@ export function AssetLiveTransactions({ assetId }: Props) {
[assetId]
)
const getSubRows = useCallback((row: Transaction | InnerTransaction) => getAssetTransactionsTableSubRows(assetId, row), [assetId])
- return
+ return
}
diff --git a/src/features/assets/components/asset-transaction-history.tsx b/src/features/assets/components/asset-transaction-history.tsx
index 9e38ee7cd..d42eaa76a 100644
--- a/src/features/assets/components/asset-transaction-history.tsx
+++ b/src/features/assets/components/asset-transaction-history.tsx
@@ -1,10 +1,10 @@
import { LazyLoadDataTable } from '@/features/common/components/lazy-load-data-table'
import { AssetId } from '../data/types'
import { useFetchNextAssetTransactionsPage } from '../data/asset-transaction-history'
-import { assetTransactionsTableColumns } from '../utils/asset-transactions-table-columns'
import { Transaction, InnerTransaction } from '@/features/transactions/models'
import { useCallback } from 'react'
import { getAssetTransactionsTableSubRows } from '../utils/get-asset-transactions-table-sub-rows'
+import { transactionsTableColumns } from '@/features/transactions/components/transactions-table-columns'
type Props = {
assetId: AssetId
@@ -14,5 +14,5 @@ export function AssetTransactionHistory({ assetId }: Props) {
const fetchNextPage = useFetchNextAssetTransactionsPage(assetId)
const getSubRows = useCallback((row: Transaction | InnerTransaction) => getAssetTransactionsTableSubRows(assetId, row), [assetId])
- return
+ return
}
diff --git a/src/features/assets/data/asset-transaction-history.ts b/src/features/assets/data/asset-transaction-history.ts
index f5f41078e..0d6a85b93 100644
--- a/src/features/assets/data/asset-transaction-history.ts
+++ b/src/features/assets/data/asset-transaction-history.ts
@@ -7,7 +7,7 @@ import { createTransactionsAtom, transactionResultsAtom } from '@/features/trans
import { atomEffect } from 'jotai-effect'
import { atom, useStore } from 'jotai'
-const fetchAssetTransactionResults = async (assetId: AssetId, pageSize: number, nextPageToken?: string) => {
+const getAssetTransactionResults = async (assetId: AssetId, pageSize: number, nextPageToken?: string) => {
const results = (await indexer
.searchForTransactions()
.assetID(assetId)
@@ -42,7 +42,7 @@ const createSyncEffect = (transactionResults: TransactionResult[]) => {
const createAssetTransactionsAtom = (store: JotaiStore, assetId: AssetId, pageSize: number, nextPageToken?: string) => {
return atom(async (get) => {
- const { transactionResults, nextPageToken: newNextPageToken } = await fetchAssetTransactionResults(assetId, pageSize, nextPageToken)
+ const { transactionResults, nextPageToken: newNextPageToken } = await getAssetTransactionResults(assetId, pageSize, nextPageToken)
get(createSyncEffect(transactionResults))
diff --git a/src/features/assets/utils/asset-transactions-table-columns.tsx b/src/features/transactions/components/transactions-table-columns.tsx
similarity index 79%
rename from src/features/assets/utils/asset-transactions-table-columns.tsx
rename to src/features/transactions/components/transactions-table-columns.tsx
index 6b4655440..d2ef113bb 100644
--- a/src/features/assets/utils/asset-transactions-table-columns.tsx
+++ b/src/features/transactions/components/transactions-table-columns.tsx
@@ -1,13 +1,16 @@
import { InnerTransaction, Transaction, TransactionType } from '@/features/transactions/models'
+import { cn } from '@/features/common/utils'
import { ellipseAddress } from '@/utils/ellipse-address'
import { ColumnDef } from '@tanstack/react-table'
-import { DisplayAssetAmount } from '@/features/common/components/display-asset-amount'
+import { DisplayAlgo } from '@/features/common/components/display-algo'
import { TransactionLink } from '@/features/transactions/components/transaction-link'
import { asTo } from '@/features/common/mappers/to'
import { InnerTransactionLink } from '@/features/transactions/components/inner-transaction-link'
+import { DisplayAssetAmount } from '@/features/common/components/display-asset-amount'
const indentationWidth = 20
-export const assetTransactionsTableColumns: ColumnDef[] = [
+
+export const transactionsTableColumns: ColumnDef[] = [
{
header: 'Transaction Id',
accessorFn: (transaction) => transaction,
@@ -33,8 +36,8 @@ export const assetTransactionsTableColumns: ColumnDef ellipseAddress(c.getValue()),
},
{
@@ -42,16 +45,19 @@ export const assetTransactionsTableColumns: ColumnDef transaction,
cell: (c) => {
const transaction = c.getValue()
- if (transaction.type === TransactionType.AssetTransfer)
+ if (transaction.type === TransactionType.Payment) {
+ return
+ } else if (transaction.type === TransactionType.AssetTransfer) {
return
+ }
},
},
]
diff --git a/src/features/transactions/components/transactions-table.tsx b/src/features/transactions/components/transactions-table.tsx
index 10a43f896..adc6602c7 100644
--- a/src/features/transactions/components/transactions-table.tsx
+++ b/src/features/transactions/components/transactions-table.tsx
@@ -23,7 +23,7 @@ export const transactionSenderLabel = 'Sender'
export const transactionReceiverLabel = 'Receiver'
export const transactionAmountLabel = 'Amount'
-export const transactionsTableColumns: ColumnDef[] = [
+const transactionsTableColumns: ColumnDef[] = [
{
header: 'Transaction Id',
accessorFn: (item) => item,