Minimise transactions progress (#4942)

* Watch the requests and display them throughout the app

* Linting

* Showing Requests

* Fully working Transaction Requests Display

* Add FormattedMessage to Requests

* Clean-up the Transfer dialog

* Update Validations

* Cleanup Create Wallet

* Clean Deploy Contract Dialog

* Cleanup Contract Execution

* Fix Requests

* Cleanup Wallet Settings

* Don't show stepper in Portal if less than 2 steps

* WIP local storage requests

* Caching requests and saving contract deployments

* Add Historic prop to Requests MethodDecoding

* Fix tests

* Add Contract address to MethodDecoding

* PR Grumbles - Part I

* PR Grumbles - Part II

* Use API Subscription methods

* Linting

* Move SavedRequests and add tests

* Added tests for Requests Actions

* Fixing tests

* PR Grumbles + Playground fix

* Revert Playground changes

* PR Grumbles

* Better showEth in MethodDecoding

js/src/api/subscriptions/manager.js

@@ -27,6 +27,7 @@ const events = {
   'parity_accountsInfo': { module: 'personal' },
   'parity_allAccountsInfo': { module: 'personal' },
   'parity_defaultAccount': { module: 'personal' },
+  'parity_postTransaction': { module: 'signer' },
   'eth_accounts': { module: 'personal' },
   'signer_requestsToConfirm': { module: 'signer' }
 };
@@ -83,7 +84,7 @@ export default class Manager {
 
       if (!engine.isStarted) {
         engine.start();
-      } else {
+      } else if (error !== null || data !== null) {
         this._sendData(subscriptionId, error, data);
       }
 

js/src/api/subscriptions/manager.spec.js

@@ -124,7 +124,7 @@ describe('api/subscriptions/manager', () => {
               });
           });
 
-          it('does not call the callback after unsibscription', () => {
+          it('does not call the callback after unsubscription', () => {
             expect(cb).to.have.been.calledWith(null, 'test');
             expect(cb).to.not.have.been.calledWith(null, 'test2');
           });

js/src/api/subscriptions/signer.js

@@ -14,6 +14,8 @@
 // You should have received a copy of the GNU General Public License
 // along with Parity.  If not, see <http://www.gnu.org/licenses/>.
 
+import { outTransaction } from '../format/output';
+
 export default class Signer {
   constructor (updateSubscriptions, api, subscriber) {
     this._subscriber = subscriber;
@@ -58,6 +60,15 @@ export default class Signer {
       .catch(nextTimeout);
   }
 
+  _postTransaction (data) {
+    const request = {
+      transaction: outTransaction(data.params[0]),
+      requestId: data.json.result.result
+    };
+
+    this._updateSubscriptions('parity_postTransaction', null, request);
+  }
+
   _loggingSubscribe () {
     return this._subscriber.subscribe('logging', (error, data) => {
       if (error || !data) {
@@ -65,11 +76,15 @@ export default class Signer {
       }
 
       switch (data.method) {
-        case 'parity_postTransaction':
-        case 'eth_sendTranasction':
+        case 'eth_sendTransaction':
         case 'eth_sendRawTransaction':
           this._listRequests(false);
           return;
+
+        case 'parity_postTransaction':
+          this._postTransaction(data);
+          this._listRequests(false);
+          return;
       }
     });
   }