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, },