Hook up setMax payment action in pay bitcoin view.

Author: valentinewallace

src/view/pay-bitcoin.js

@@ -6,7 +6,12 @@ import Background from '../component/background';
 import MainContent from '../component/main-content';
 import { InputField, AmountInputField } from '../component/field';
 import { Header, Title } from '../component/header';
-import { CancelButton, BackButton, PillButton } from '../component/button';
+import {
+  Button,
+  CancelButton,
+  BackButton,
+  PillButton,
+} from '../component/button';
 import Card from '../component/card';
 import BitcoinIcon from '../asset/icon/bitcoin';
 import { FormStretcher, FormText } from '../component/form';
@@ -18,12 +23,18 @@ const styles = StyleSheet.create({
     paddingLeft: 20,
     paddingRight: 20,
   },
-  balance: {
-    marginBottom: 10,
-  },
   unit: {
     color: color.blackText,
   },
+  maxBtn: {
+    borderStyle: 'solid',
+    borderWidth: 1,
+    minHeight: 30,
+    marginBottom: 10,
+  },
+  maxTxt: {
+    paddingTop: 0,
+  },
   nextBtn: {
     marginTop: 20,
     backgroundColor: color.orange,
@@ -57,6 +68,9 @@ const PayBitcoinView = ({ store, nav, payment }) => (
               {store.unitFiatLabel}
             </BalanceLabelUnit>
           </BalanceLabel>
+          <Button style={styles.maxBtn} onPress={() => payment.setMax()}>
+            <FormText style={styles.maxTxt}>MAX</FormText>
+          </Button>
           <InputField
             placeholder="Bitcoin Address"
             value={store.payment.address}

stories/screen-story.js

@@ -107,6 +107,7 @@ sinon.stub(invoice, 'generateUri');
 const payment = new PaymentAction(store, grpc, nav, notify);
 sinon.stub(payment, 'checkType');
 sinon.stub(payment, 'payBitcoin');
+sinon.stub(payment, 'setMax');
 sinon.stub(payment, 'payLightning');
 sinon.stub(payment, 'initPayBitcoinConfirm');
 const channel = new ChannelAction(store, grpc, nav, notify);