[wip] Pending transaction details

src/background/transactions/TransactionService.ts

@@ -89,6 +89,7 @@ export class TransactionService {
   }
 
   constructor() {
+    console.log('hello TS')
     this.transactionsStore = new TransactionsStore([], 'transactions');
     this.transactionsPoller = new TransactionsPoller();
     TransactionService.emitter.on('alarm', () => {
@@ -225,6 +226,10 @@ export class TransactionService {
           initiator,
           timestamp: Date.now(),
         };
+        if (addressAction && !isLocalAddressAction(addressAction)) {
+          newItem.addressAction = addressAction;
+          console.log('saving addressAction', { addressAction });
+        }
         if (
           addressAction &&
           isLocalAddressAction(addressAction) &&

src/modules/ethereum/transactions/addressAction/addressActionMain.ts

@@ -31,6 +31,20 @@ export function isLocalAddressAction(
   return 'local' in addressAction && addressAction.local;
 }
 
+export function toLocalAddressAction(
+  addressAction: AddressAction,
+  status: ClientTransactionStatus
+): LocalAddressAction {
+  return {
+    ...addressAction,
+    local: true,
+    transaction: {
+      ...addressAction.transaction,
+      status,
+    },
+  };
+}
+
 export const ZERO_HASH =
   '0x0000000000000000000000000000000000000000000000000000000000000000';
 

src/modules/ethereum/transactions/addressAction/creators.ts

@@ -22,7 +22,11 @@ import {
   type TransactionAction,
 } from '../describeTransaction';
 import type { ChainId } from '../ChainId';
-import { ZERO_HASH, type LocalAddressAction } from './addressActionMain';
+import {
+  ZERO_HASH,
+  toLocalAddressAction,
+  type LocalAddressAction,
+} from './addressActionMain';
 
 export async function createActionContent(
   action: TransactionAction,
@@ -121,7 +125,18 @@ export async function pendingTransactionToAddressAction(
   currency: string,
   client: Client
 ): Promise<LocalAddressAction> {
-  const { transaction, hash, receipt, timestamp, dropped } = transactionObject;
+  const { transaction, hash, receipt, timestamp, dropped, addressAction } =
+    transactionObject;
+  const status = receipt
+    ? receipt.status === 1
+      ? 'confirmed'
+      : 'failed'
+    : dropped
+    ? 'dropped'
+    : 'pending';
+  if (addressAction) {
+    return toLocalAddressAction(addressAction, status);
+  }
   let chain: Chain | null;
   const chainId = normalizeChainId(transaction.chainId);
   const networks = await loadNetworkByChainId(chainId);
@@ -150,13 +165,7 @@ export async function pendingTransactionToAddressAction(
         : // It's okay to fallback to a stringified chainId because this is
           // only a representational object
           valueToHex(transaction.chainId),
-      status: receipt
-        ? receipt.status === 1
-          ? 'confirmed'
-          : 'failed'
-        : dropped
-        ? 'dropped'
-        : 'pending',
+      status,
       fee: null,
       nonce: transaction.nonce || 0,
       sponsored: false,

src/modules/ethereum/transactions/types.ts

@@ -1,6 +1,8 @@
 import type { AddressAction } from 'defi-sdk';
 import type { ethers } from 'ethers';
 
+type AddressActionStoredV1 = AddressAction;
+
 export interface TransactionObject {
   hash: string;
   timestamp: number;
@@ -9,6 +11,7 @@ export interface TransactionObject {
   receipt?: ethers.providers.TransactionReceipt;
   dropped?: boolean;
   relatedTransactionHash?: string; // hash of related transaction (cancelled or sped-up)
+  addressAction?: AddressActionStoredV1;
 }
 
 export type StoredTransactions = Array<TransactionObject>;

src/ui/pages/History/ActionItem/ActionItem.tsx

@@ -22,6 +22,7 @@ import type {
 import {
   getActionAddress,
   getActionAsset,
+  isLocalAddressAction,
 } from 'src/modules/ethereum/transactions/addressAction';
 import { getFungibleAsset } from 'src/modules/ethereum/transactions/actionAsset';
 import { truncateAddress } from 'src/ui/shared/truncateAddress';
@@ -501,7 +502,7 @@ export function ActionItem({
   if (!networks || !addressAction) {
     return null;
   }
-  return 'local' in addressAction && addressAction.local ? (
+  return isLocalAddressAction(addressAction) ? (
     <ActionItemLocal action={addressAction} networks={networks} />
   ) : (
     <ActionItemBackend