Use onTransactionUpdate for tracking new txs

Track tx state updates using onTransactionUpdate for better subscription handling

src/providers/MakerProvider.js

@@ -78,11 +78,18 @@ function MakerProvider({ children, network, testchainId, backendEnv }) {
       const onNewBlockSub = watcher.onNewBlock(blockHeight =>
         log(`Latest block height: ${blockHeight}`)
       );
+      const txManagerSub = maker
+        .service('transactionManager')
+        .onTransactionUpdate((tx, state, err) => {
+          log('Tx ' + state, tx.metadata);
+          setTxLastUpdate(Date.now());
+        });
       dispatch({ type: 'CLEAR_CONTRACT_STATE' });
       startWatcher(maker);
       return () => {
         batchSub.unsub();
         onNewBlockSub.unsub();
+        txManagerSub.unsub();
       };
     }
   }, [maker, dispatch]);
@@ -114,14 +121,9 @@ function MakerProvider({ children, network, testchainId, backendEnv }) {
     }
   };
 
-  const newTxListener = (transaction, txMessage) => {
+  const newTxListener = (transaction, txMessage) =>
     setTxReferences(current => [...current, [transaction, txMessage]]);
 
-    maker.service('transactionManager').listen(transaction, (tx, state) => {
-      setTxLastUpdate(Date.now());
-    });
-  };
-
   const resetTx = () => setTxReferences([]);
 
   const selectors = {