mirrors/BlueWallet
1
0
Fork 0
mirror of https://github.com/BlueWallet/BlueWallet.git synced 2025-02-23 07:15:35 +01:00
Code Issues Projects Releases Packages Wiki Activity

REF: BlueUseAllFundsButton hooks

Browse source
This commit is contained in:
marcosrdz 2020-12-18 17:10:13 -05:00
parent f4cdccf948
commit f76a00c94c
1 changed files with 54 additions and 56 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

28
BlueComponents.js
View file

@ -962,15 +962,14 @@ export const BlueSpacing10 = props => {
return <View {...props} style={{ height: 10, opacity: 0 }} />;
};
export class BlueUseAllFundsButton extends Component {
static InputAccessoryViewID = 'useMaxInputAccessoryViewID';
static propTypes = {
export const BlueUseAllFundsButton = ({ balance, canUseAll, onUseAllPressed }) => {
const { colors } = useTheme();
BlueUseAllFundsButton.InputAccessoryViewID = 'useMaxInputAccessoryViewID';
BlueUseAllFundsButton.propTypes = {
balance: PropTypes.string.isRequired,
canUseAll: PropTypes.bool.isRequired,
onUseAllPressed: PropTypes.func.isRequired,
};
render() {
const inputView = (
<View
style={{
@ -979,13 +978,13 @@ export class BlueUseAllFundsButton extends Component {
maxHeight: 44,
justifyContent: 'space-between',
alignItems: 'center',
backgroundColor: BlueCurrentTheme.colors.inputBackgroundColor,
backgroundColor: colors.inputBackgroundColor,
}}
>
<View style={{ flexDirection: 'row', justifyContent: 'flex-start', alignItems: 'flex-start' }}>
<Text
style={{
color: BlueCurrentTheme.colors.alternativeTextColor,
color: colors.alternativeTextColor,
fontSize: 16,
marginLeft: 8,
marginRight: 0,
@ -997,16 +996,16 @@ export class BlueUseAllFundsButton extends Component {
>
{loc.send.input_total}
</Text>
{this.props.canUseAll ? (
{canUseAll ? (
<BlueButtonLink
onPress={this.props.onUseAllPressed}
onPress={onUseAllPressed}
style={{ marginLeft: 8, paddingRight: 0, paddingLeft: 0, paddingTop: 12, paddingBottom: 12 }}
title={`${this.props.balance} ${BitcoinUnit.BTC}`}
title={`${balance} ${BitcoinUnit.BTC}`}
/>
) : (
<Text
style={{
color: BlueCurrentTheme.colors.alternativeTextColor,
color: colors.alternativeTextColor,
fontSize: 16,
marginLeft: 8,
marginRight: 0,
@ -1016,7 +1015,7 @@ export class BlueUseAllFundsButton extends Component {
paddingBottom: 12,
}}
>
{this.props.balance} {BitcoinUnit.BTC}
{balance} {BitcoinUnit.BTC}
</Text>
)}
</View>
@ -1024,7 +1023,7 @@ export class BlueUseAllFundsButton extends Component {
<BlueButtonLink
style={{ paddingRight: 8, paddingLeft: 0, paddingTop: 12, paddingBottom: 12 }}
title={loc.send.input_done}
onPress={() => Keyboard.dismiss()}
onPress={Keyboard.dismiss}
/>
</View>
</View>
@ -1035,8 +1034,7 @@ export class BlueUseAllFundsButton extends Component {
} else {
return <KeyboardAvoidingView style={{ height: 44 }}>{inputView}</KeyboardAvoidingView>;
}
}
}
};
export const BlueDismissKeyboardInputAccessory = () => {
const { colors } = useTheme();