FIX: When selecting to send MAX on part or a X is shown in amount. #2412

components/AmountInput.js

@@ -2,9 +2,9 @@ import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import BigNumber from 'bignumber.js';
 import { Text } from 'react-native-elements';
-import { Image, StyleSheet, TextInput, TouchableOpacity, TouchableWithoutFeedback, View } from 'react-native';
+import { Image, Pressable, StyleSheet, TextInput, TouchableOpacity, TouchableWithoutFeedback, View } from 'react-native';
 import { useTheme } from '@react-navigation/native';
-
+import confirm from '../helpers/confirm';
 import { BitcoinUnit } from '../models/bitcoinUnits';
 import loc, { formatBalanceWithoutSuffix, formatBalancePlain, removeTrailingZeros } from '../loc';
 const currency = require('../blue_modules/currency');
@@ -162,6 +162,12 @@ class AmountInput extends Component {
     this.props.onChangeText(text);
   };
 
+  resetAmount = async () => {
+    if (await confirm(loc.send.reset_amount, loc.send.reset_amount_confirm)) {
+      this.props.onChangeText();
+    }
+  };
+
   render() {
     const { colors, disabled, unit } = this.props;
     const amount = this.props.amount || 0;
@@ -206,6 +212,7 @@ class AmountInput extends Component {
               {unit === BitcoinUnit.LOCAL_CURRENCY && amount !== BitcoinUnit.MAX && (
                 <Text style={[styles.localCurrency, stylesHook.localCurrency]}>{currency.getCurrencySymbol() + ' '}</Text>
               )}
+              {amount !== BitcoinUnit.MAX ? (
                 <TextInput
                   {...this.props}
                   testID="BitcoinAmountInput"
@@ -226,6 +233,11 @@ class AmountInput extends Component {
                   placeholderTextColor={disabled ? colors.buttonDisabledTextColor : colors.alternativeTextColor2}
                   style={[styles.input, stylesHook.input]}
                 />
+              ) : (
+                <Pressable onPress={this.resetAmount}>
+                  <Text style={[styles.input, stylesHook.input]}>{BitcoinUnit.MAX}</Text>
+                </Pressable>
+              )}
               {unit !== BitcoinUnit.LOCAL_CURRENCY && amount !== BitcoinUnit.MAX && (
                 <Text style={[styles.cryptoCurrency, stylesHook.cryptoCurrency]}>{' ' + loc.units[unit]}</Text>
               )}

loc/en.json

@@ -231,6 +231,8 @@
     "psbt_tx_scan": "Scan Signed Transaction",
     "qr_error_no_qrcode": "We were unable to find a QR Code in the selected image. Make sure the image contains only a QR Code and no additional content such as text, or buttons.",
     "qr_error_no_wallet": "The selected file doesn’t contain a wallet that can be imported.",
+    "reset_amount": "Reset Amount",
+    "reset_amount_confirm": "Would you like to reset the amount?",
     "success_done": "Done",
     "txSaved": "The transaction file ({filePath}) has been saved in your Downloads folder.",
     "problem_with_psbt": "Problem with PSBT"

screen/send/details.js

@@ -861,6 +861,7 @@ const SendDetails = () => {
       id: SendDetails.actionKeys.AddRecipient,
       text: loc.send.details_add_rec_add,
       icon: SendDetails.actionIcons.AddRecipient,
+      disabled: isSendMaxUsed,
     });
     actions.push({
       id: SendDetails.actionKeys.RemoveRecipient,