Hook up PaymentFailed screen in main/nav.

Author: valentinewallace

src/action/nav.js

@@ -73,6 +73,10 @@ class NavAction {
     this._store.route = 'PayLightningDone';
   }
 
+  goPaymentFailed() {
+    this._store.route = 'PaymentFailed';
+  }
+
   goPayBitcoin() {
     this._store.route = 'PayBitcoin';
   }

src/view/main.js

@@ -19,6 +19,7 @@ import Home from './home';
 import Payment from './payment';
 import PayLightningConfirm from './pay-lightning-confirm';
 import PayLightningDone from './pay-lightning-done';
+import PaymentFailed from './payment-failed';
 import PayBitcoin from './pay-bitcoin';
 import PayBitcoinConfirm from './pay-bitcoin-confirm';
 import PayBitcoinDone from './pay-bitcoin-done';
@@ -111,6 +112,9 @@ class MainView extends Component {
         {route === 'PayLightningDone' && (
           <PayLightningDone store={store} payment={payment} nav={nav} />
         )}
+        {route === 'PaymentFailed' && (
+          <PaymentFailed channel={channel} payment={payment} />
+        )}
         {route === 'PayBitcoin' && (
           <PayBitcoin store={store} payment={payment} nav={nav} />
         )}

test/unit/action/nav.spec.js

@@ -130,6 +130,13 @@ describe('Action Nav Unit Tests', () => {
     });
   });
 
+  describe('goPaymentFailed()', () => {
+    it('should set correct route', () => {
+      nav.goPaymentFailed();
+      expect(store.route, 'to equal', 'PaymentFailed');
+    });
+  });
+
   describe('goPayBitcoin()', () => {
     it('should set correct route', () => {
       nav.goPayBitcoin();