feat: verify address provided by user is valid (#121)

src/views/reverse/reverse.js

@@ -31,9 +31,9 @@ class ReverseSwap extends React.Component {
       isFetching,
       swapResponse,
       completeSwap,
-      goTimelockExpired,
       startReverseSwap,
       swapFailResponse,
+      goTimelockExpired,
       setReverseSwapAddress,
     } = this.props;
 
@@ -99,7 +99,7 @@ class ReverseSwap extends React.Component {
                   <Controls
                     loading={!swapInfo.address}
                     text={'Next'}
-                    loadingText={`Input a ${getCurrencyName(
+                    loadingText={`Input a valid ${getCurrencyName(
                       swapInfo.quote
                     )} address`}
                     loadingRender={() => undefined}

src/views/reverse/steps/inputAddress.js

@@ -1,9 +1,14 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import injectSheet from 'react-jss';
+import { address } from 'bitcoinjs-lib';
 import View from '../../../components/view';
 import InputArea from '../../../components/inputarea';
-import { getCurrencyName, getSampleAddress } from '../../../scripts/utils';
+import {
+  getCurrencyName,
+  getSampleAddress,
+  getNetwork,
+} from '../../../scripts/utils';
 
 const inputAddressStyles = () => ({
   wrapper: {
@@ -22,12 +27,27 @@ class StyledInputAddress extends React.Component {
     error: false,
   };
 
+  showError = () => {
+    this.props.onChange(undefined);
+    this.setState({ error: true });
+  };
+
   onChange = input => {
-    this.props.onChange(input);
+    const { onChange, swapInfo } = this.props;
+
     if (input !== '') {
-      this.setState({ error: false });
+      try {
+        const swapAddress = input.trim();
+
+        address.toOutputScript(swapAddress, getNetwork(swapInfo.quote));
+
+        onChange(swapAddress);
+        this.setState({ error: false });
+      } catch (error) {
+        this.showError();
+      }
     } else {
-      this.setState({ error: true });
+      this.showError();
     }
   };