Add claim finalized middleware (#2126)

src/custom/state/claim/middleware.ts

@@ -0,0 +1,23 @@
+import { Middleware, isAnyOf } from '@reduxjs/toolkit'
+import { AppState } from 'state'
+import { finalizeTransaction } from '../enhancedTransactions/actions'
+
+const isFinalizeTransaction = isAnyOf(finalizeTransaction)
+
+// On each Pending, Expired, Fulfilled order action a corresponding sound is dispatched
+export const claimMinedMiddleware: Middleware<Record<string, unknown>, AppState> = (store) => (next) => (action) => {
+  const result = next(action)
+
+  if (isFinalizeTransaction(action)) {
+    const { chainId, hash, receipt, safeTransaction } = action.payload
+    const transaction = store.getState().transactions[chainId][hash]
+
+    console.log('[stat:claim:middleware] Transaction finalized', transaction, receipt, safeTransaction)
+    if (transaction.claim) {
+      // TODO: Update state
+      console.log('[stat:claim:middleware] It is a CLAIM transaction')
+    }
+  }
+
+  return result
+}

src/custom/state/index.ts

@@ -26,6 +26,7 @@ import enhancedTransactions from 'state/enhancedTransactions/reducer'
 import claim from 'state/claim/reducer'
 
 import { popupMiddleware, soundMiddleware } from './orders/middleware'
+import { claimMinedMiddleware } from './claim/middleware'
 import { DEFAULT_NETWORK_FOR_LISTS } from 'constants/lists'
 
 const UNISWAP_REDUCERS = {
@@ -65,6 +66,7 @@ const store = configureStore({
       .concat(routingApi.middleware)
       .concat(save({ states: PERSISTED_KEYS, debounce: 1000 }))
       .concat(popupMiddleware)
+      .concat(claimMinedMiddleware)
       .concat(soundMiddleware),
   preloadedState: load({ states: PERSISTED_KEYS, disableWarnings: process.env.NODE_ENV === 'test' }),
 })