diff --git a/src/modules/components/transaction/transactionDataListItem/transactionDataListItemStructure/transactionDataListItem.test.tsx b/src/modules/components/transaction/transactionDataListItem/transactionDataListItemStructure/transactionDataListItem.test.tsx
index 10deeaa17..7ffb09c50 100644
--- a/src/modules/components/transaction/transactionDataListItem/transactionDataListItemStructure/transactionDataListItem.test.tsx
+++ b/src/modules/components/transaction/transactionDataListItem/transactionDataListItemStructure/transactionDataListItem.test.tsx
@@ -19,8 +19,8 @@ describe(' component', () => {
};
it('renders the transaction type heading', () => {
- const transactionType = TransactionType.ACTION;
- render(createTestComponent({ transactionType }));
+ const txType = TransactionType.ACTION;
+ render(createTestComponent({ txType }));
const transactionTypeHeading = screen.getByText('Smart contract action');
expect(transactionTypeHeading).toBeInTheDocument();
});
@@ -54,7 +54,7 @@ describe(' component', () => {
});
it('overrides the transaction type display with the transaction status', () => {
- render(createTestComponent({ transactionType: TransactionType.DEPOSIT, status: TxStatusCode.FAILED }));
+ render(createTestComponent({ txType: TransactionType.DEPOSIT, txStatus: TxStatusCode.FAILED }));
const failedTransactionText = screen.getByText('Failed transaction');
expect(failedTransactionText).toBeInTheDocument();
const closeIcon = screen.getByTestId('CLOSE');
diff --git a/src/modules/components/transaction/transactionDataListItem/transactionDataListItemStructure/transactionDataListItemStructure.api.ts b/src/modules/components/transaction/transactionDataListItem/transactionDataListItemStructure/transactionDataListItemStructure.api.ts
index 9acecceee..882c9cb46 100644
--- a/src/modules/components/transaction/transactionDataListItem/transactionDataListItemStructure/transactionDataListItemStructure.api.ts
+++ b/src/modules/components/transaction/transactionDataListItem/transactionDataListItemStructure/transactionDataListItemStructure.api.ts
@@ -51,11 +51,11 @@ export interface ITransactionDataListItemProps extends IDataListItemProps {
/**
* The type of transaction.
*/
- transactionType?: TransactionType;
+ txType?: TransactionType;
/**
* The network state of the transaction.
*/
- status?: TxStatusCode;
+ txStatus?: TxStatusCode;
/**
* The Unix timestamp of the transaction.
*/
@@ -64,10 +64,6 @@ export interface ITransactionDataListItemProps extends IDataListItemProps {
* The estimated USD value of the transaction.
*/
usdEstimate?: number;
- /**
- * Whether the transaction is pending.
- */
- isPending?: boolean;
/**
* The transaction hash.
*/
diff --git a/src/modules/components/transaction/transactionDataListItem/transactionDataListItemStructure/transactionDataListItemStructure.tsx b/src/modules/components/transaction/transactionDataListItem/transactionDataListItemStructure/transactionDataListItemStructure.tsx
index 4b84273e8..2cc8917d6 100644
--- a/src/modules/components/transaction/transactionDataListItem/transactionDataListItemStructure/transactionDataListItemStructure.tsx
+++ b/src/modules/components/transaction/transactionDataListItem/transactionDataListItemStructure/transactionDataListItemStructure.tsx
@@ -26,16 +26,16 @@ export const TransactionDataListItemStructure: React.FC {
- const type = transactionType;
- if (status === TxStatusCode.FAILED) {
+ const type = txType;
+ if (txStatus === TxStatusCode.FAILED) {
return {
icon: IconType.CLOSE,
variant: 'critical' as AvatarIconVariant,
@@ -53,7 +53,7 @@ export const TransactionDataListItemStructure: React.FC {
- if (status !== TxStatusCode.PENDING) {
+ if (txStatus !== TxStatusCode.PENDING) {
return ;
}
return (
@@ -85,7 +85,7 @@ export const TransactionDataListItemStructure: React.FC
- {tokenValue && transactionType !== TransactionType.ACTION ? (
+ {tokenValue && txType !== TransactionType.ACTION ? (
<>
{formatterUtils.formatNumber(tokenValue, { format: NumberFormat.TOKEN_AMOUNT_SHORT })}
{` ${tokenSymbol}`}
@@ -96,7 +96,7 @@ export const TransactionDataListItemStructure: React.FC
{formatterUtils.formatNumber(
- usdEstimate && transactionType !== TransactionType.ACTION ? usdEstimate : 0,
+ usdEstimate && txType !== TransactionType.ACTION ? usdEstimate : 0,
{
format: NumberFormat.FIAT_TOTAL_SHORT,
},