From dd9677ea3b6701bd3c84fb8a6b3c2980ae61f666 Mon Sep 17 00:00:00 2001
From: Akinwale Ariwodola <akinwale@gmail.com>
Date: Fri, 21 Jun 2019 09:46:27 +0100
Subject: [PATCH] add paste button beside wallet address input

---
 app/src/component/button/index.js    |  5 +----
 app/src/component/button/view.js     |  4 ++--
 app/src/component/walletSend/view.js | 14 +++++++++++---
 app/src/page/file/view.js            | 17 +++++++++--------
 app/src/page/wallet/view.js          |  6 +++++-
 app/src/styles/wallet.js             |  1 +
 6 files changed, 29 insertions(+), 18 deletions(-)

diff --git a/app/src/component/button/index.js b/app/src/component/button/index.js
index ae02c0c7..b6a77e57 100644
--- a/app/src/component/button/index.js
+++ b/app/src/component/button/index.js
@@ -1,7 +1,4 @@
 import { connect } from 'react-redux';
 import Button from './view';
 
-export default connect(
-  null,
-  null
-)(Button);
+export default connect()(Button);
diff --git a/app/src/component/button/view.js b/app/src/component/button/view.js
index 1e9e993e..3fdc26f8 100644
--- a/app/src/component/button/view.js
+++ b/app/src/component/button/view.js
@@ -1,7 +1,7 @@
 import React from 'react';
 import { Text, TouchableOpacity } from 'react-native';
-import buttonStyle from '../../styles/button';
-import Colors from '../../styles/colors';
+import buttonStyle from 'styles/button';
+import Colors from 'styles/colors';
 import Icon from 'react-native-vector-icons/FontAwesome5';
 
 export default class Button extends React.PureComponent {
diff --git a/app/src/component/walletSend/view.js b/app/src/component/walletSend/view.js
index 428f9b13..f1d33ae0 100644
--- a/app/src/component/walletSend/view.js
+++ b/app/src/component/walletSend/view.js
@@ -1,9 +1,10 @@
 // @flow
 import React from 'react';
 import { regexAddress } from 'lbry-redux';
-import { Alert, TextInput, Text, View } from 'react-native';
-import Button from '../button';
-import walletStyle from '../../styles/wallet';
+import { Alert, Clipboard, TextInput, Text, View } from 'react-native';
+import Button from 'component/button';
+import Colors from 'styles/colors';
+import walletStyle from 'styles/wallet';
 
 type DraftTransaction = {
   address: string,
@@ -99,10 +100,16 @@ class WalletSend extends React.PureComponent<Props> {
             onBlur={this.handleAddressInputBlur}
             onSubmitEditing={this.handleAddressInputSubmit}
             placeholder={'bbFxRyXXXXXXXXXXXZD8nE7XTLUxYnddTs'}
+            underlineColorAndroid={Colors.NextLbryGreen}
             value={this.state.address}
             returnKeyType={'next'}
             style={[walletStyle.input, walletStyle.addressInput, walletStyle.bottomMarginMedium]}
           />
+          <Button
+            icon={'paste'}
+            style={walletStyle.button}
+            onPress={() => Clipboard.getString().then(value => this.setState({ address: value, addressChanged: true }))}
+          />
         </View>
         <Text style={walletStyle.text}>Amount</Text>
         <View style={walletStyle.row}>
@@ -112,6 +119,7 @@ class WalletSend extends React.PureComponent<Props> {
               onChangeText={value => this.setState({ amount: value })}
               keyboardType={'numeric'}
               placeholder={'0'}
+              underlineColorAndroid={Colors.NextLbryGreen}
               value={this.state.amount}
               style={[walletStyle.input, walletStyle.amountInput]}
             />
diff --git a/app/src/page/file/view.js b/app/src/page/file/view.js
index 0d28414e..cc1e34a2 100644
--- a/app/src/page/file/view.js
+++ b/app/src/page/file/view.js
@@ -865,14 +865,15 @@ class FilePage extends React.PureComponent {
                         />
                       </View>
                       <View style={filePageStyle.subscriptionRow}>
-                        {false && ((isPlayable && !fileInfo) || (isPlayable && fileInfo && !fileInfo.download_path)) && (
-                          <Button
-                            style={[filePageStyle.actionButton, filePageStyle.saveFileButton]}
-                            theme={'light'}
-                            icon={'download'}
-                            onPress={this.onSaveFilePressed}
-                          />
-                        )}
+                        {false &&
+                          ((isPlayable && !fileInfo) || (isPlayable && fileInfo && !fileInfo.download_path)) && (
+                            <Button
+                              style={[filePageStyle.actionButton, filePageStyle.saveFileButton]}
+                              theme={'light'}
+                              icon={'download'}
+                              onPress={this.onSaveFilePressed}
+                            />
+                          )}
                         <Button
                           style={[filePageStyle.actionButton, filePageStyle.tipButton]}
                           theme={'light'}
diff --git a/app/src/page/wallet/view.js b/app/src/page/wallet/view.js
index 824ee2de..7f33622a 100644
--- a/app/src/page/wallet/view.js
+++ b/app/src/page/wallet/view.js
@@ -101,7 +101,11 @@ class WalletPage extends React.PureComponent {
     return (
       <View style={walletStyle.container}>
         <UriBar navigation={navigation} />
-        <ScrollView style={walletStyle.scrollContainer} keyboardShouldPersistTaps={'handled'}>
+        <ScrollView
+          style={walletStyle.scrollContainer}
+          keyboardShouldPersistTaps={'handled'}
+          removeClippedSubviews={false}
+        >
           <WalletSyncDriver navigation={navigation} />
           {!rewardsNotInterested && (!balance || balance === 0) && <WalletRewardsDriver navigation={navigation} />}
           <WalletBalance />
diff --git a/app/src/styles/wallet.js b/app/src/styles/wallet.js
index d6450061..8a0c4fc9 100644
--- a/app/src/styles/wallet.js
+++ b/app/src/styles/wallet.js
@@ -138,6 +138,7 @@ const walletStyle = StyleSheet.create({
     flex: 1,
     fontSize: 16,
     letterSpacing: 1.5,
+    marginRight: 8,
   },
   warning: {
     backgroundColor: Colors.Orange,