feat: wait for response before sending another request (#185)

* feat: wait for response to send another request

* chore: lint

* refactor: fix test

src/__test__/unit/reducers/SwapReducer.spec.js

@@ -18,6 +18,7 @@ describe('swap reducer', () => {
       )
     ).toEqual({
       isFetching: true,
+      retry: false,
     });
   });
 
@@ -31,6 +32,7 @@ describe('swap reducer', () => {
         }
       )
     ).toEqual({
+      retry: true,
       isFetching: false,
       swapResponse: 'payload',
     });

src/reducers/swapReducer.js

@@ -1,6 +1,7 @@
 import * as actionTypes from '../constants/actions';
 
 export const initialState = {
+  retry: true,
   inSwapMode: false,
   webln: null,
   isFetching: false,
@@ -26,13 +27,15 @@ const reducer = (state = initialState, action) => {
     case actionTypes.SWAP_REQUEST:
       return {
         ...state,
+        retry: false,
         isFetching: true,
       };
 
     case actionTypes.SWAP_RESPONSE:
       return {
         ...state,
         isFetching: false,
+        retry: true,
         swapResponse: action.payload,
       };
 

src/views/swap/index.js

@@ -10,6 +10,7 @@ const mapStateToProps = state => ({
   webln: state.swapReducer.webln,
   swapInfo: state.swapReducer.swapInfo,
   swapResponse: state.swapReducer.swapResponse.response,
+  retrySwap: state.swapReducer.retry,
   swapStatus: state.swapReducer.swapStatus,
   inSwapMode: state.swapReducer.inSwapMode,
 });

src/views/swap/swap.js

@@ -38,15 +38,31 @@ class Swap extends Component {
     }
   };
 
+  onExit = () => {
+    if (window.confirm('Are you sure you want to exit')) {
+      this.props.completeSwap();
+      navigation.navHome();
+    }
+  };
+
+  startSwap = cb => {
+    if (this.props.swapInfo.invoice && this.props.retrySwap) {
+      this.props.startSwap(this.props.swapInfo, cb);
+    }
+  };
+
+  completeSwap = () => {
+    this.props.completeSwap();
+    navigation.navHome();
+  };
+
   render() {
     const {
       classes,
       webln,
       setSwapInvoice,
-      completeSwap,
       swapInfo,
       swapResponse,
-      startSwap,
       swapStatus,
     } = this.props;
     return (
@@ -57,12 +73,7 @@ class Swap extends Component {
             range={4}
             stage={1}
             id={swapResponse ? swapResponse.id : null}
-            onExit={() => {
-              if (window.confirm('Are you sure you want to exit')) {
-                completeSwap();
-                navigation.navHome();
-              }
-            }}
+            onExit={this.onExit}
           >
             <StepsWizard.Steps>
               <StepsWizard.Step
@@ -115,14 +126,14 @@ class Swap extends Component {
                 num={1}
                 render={props => (
                   <Controls
-                    loading={swapStatus.error}
+                    loading={swapStatus.error || !this.props.retrySwap}
                     text={`Next`}
-                    loadingText={'Invalid invoice'}
-                    onPress={() => {
-                      if (swapInfo.invoice) {
-                        startSwap(swapInfo, props.nextStage);
-                      }
-                    }}
+                    loadingText={
+                      !this.props.retrySwap
+                        ? 'Executing swap...'
+                        : 'Invalid invoice'
+                    }
+                    onPress={() => this.startSwap(props.nextStage)}
                   />
                 )}
               />
@@ -132,9 +143,7 @@ class Swap extends Component {
                   <Controls
                     mobile
                     text={'I have downloaded the refund file'}
-                    onPress={() => {
-                      props.nextStage();
-                    }}
+                    onPress={props.nextStage}
                   />
                 )}
               />
@@ -149,22 +158,14 @@ class Swap extends Component {
                     errorText={swapStatus.message}
                     errorRender={() => {}}
                     loadingRender={() => <Loading />}
-                    onPress={() => {
-                      props.nextStage();
-                    }}
+                    onPress={props.nextStage}
                   />
                 )}
               />
               <StepsWizard.Control
                 num={4}
                 render={() => (
-                  <Controls
-                    text={'Swap Again!'}
-                    onPress={() => {
-                      completeSwap();
-                      navigation.navHome();
-                    }}
-                  />
+                  <Controls text={'Swap Again!'} onPress={this.completeSwap} />
                 )}
               />
             </StepsWizard.Controls>
@@ -184,6 +185,7 @@ Swap.propTypes = {
   completeSwap: PropTypes.func,
   setSwapInvoice: PropTypes.func,
   onExit: PropTypes.func,
+  retrySwap: PropTypes.bool,
   nextStage: PropTypes.func,
   startSwap: PropTypes.func.isRequired,
   swapStatus: PropTypes.string.isRequired,