|
|
@ -1,6 +1,6 @@ |
|
|
|
/* global alert */ |
|
|
|
import React, { useEffect, useState } from 'react'; |
|
|
|
import { KeyboardAvoidingView, Platform, Dimensions, View, TouchableWithoutFeedback, Keyboard } from 'react-native'; |
|
|
|
import { ScrollView, KeyboardAvoidingView, Platform, Dimensions, View, TouchableWithoutFeedback, Keyboard } from 'react-native'; |
|
|
|
import { |
|
|
|
BlueFormMultiInput, |
|
|
|
BlueButtonLink, |
|
|
@ -62,68 +62,66 @@ const WalletsImport = () => { |
|
|
|
|
|
|
|
return ( |
|
|
|
<SafeBlueArea forceInset={{ horizontal: 'always' }} style={{ flex: 1, paddingTop: 40 }}> |
|
|
|
<TouchableWithoutFeedback onPress={Keyboard.dismiss} accessible={false}> |
|
|
|
<KeyboardAvoidingView behavior="position" enabled> |
|
|
|
<BlueFormLabel>{loc.wallets.import.explanation}</BlueFormLabel> |
|
|
|
<ScrollView> |
|
|
|
<TouchableWithoutFeedback onPress={Keyboard.dismiss} accessible={false}> |
|
|
|
<KeyboardAvoidingView behavior="position" enabled> |
|
|
|
<BlueFormLabel>{loc.wallets.import.explanation}</BlueFormLabel> |
|
|
|
<BlueSpacing20 /> |
|
|
|
<BlueFormMultiInput |
|
|
|
value={importText} |
|
|
|
contextMenuHidden |
|
|
|
onChangeText={setImportText} |
|
|
|
inputAccessoryViewID={BlueDoneAndDismissKeyboardInputAccessory.InputAccessoryViewID} |
|
|
|
onFocus={() => setIsToolbarVisibleForAndroid(true)} |
|
|
|
onBlur={() => setIsToolbarVisibleForAndroid(false)} |
|
|
|
/> |
|
|
|
{Platform.select({ |
|
|
|
ios: ( |
|
|
|
<BlueDoneAndDismissKeyboardInputAccessory |
|
|
|
onClearTapped={() => { |
|
|
|
setImportText(''); |
|
|
|
Keyboard.dismiss(); |
|
|
|
}} |
|
|
|
onPasteTapped={text => { |
|
|
|
setImportText(text); |
|
|
|
Keyboard.dismiss(); |
|
|
|
}} |
|
|
|
/> |
|
|
|
), |
|
|
|
android: isToolbarVisibleForAndroid && ( |
|
|
|
<BlueDoneAndDismissKeyboardInputAccessory |
|
|
|
onClearTapped={() => { |
|
|
|
setImportText(''); |
|
|
|
Keyboard.dismiss(); |
|
|
|
}} |
|
|
|
onPasteTapped={text => { |
|
|
|
setImportText(text); |
|
|
|
Keyboard.dismiss(); |
|
|
|
}} |
|
|
|
/> |
|
|
|
), |
|
|
|
})} |
|
|
|
</KeyboardAvoidingView> |
|
|
|
</TouchableWithoutFeedback> |
|
|
|
<BlueSpacing20 /> |
|
|
|
<View style={{ flex: 1, alignItems: 'center' }}> |
|
|
|
<BlueButton |
|
|
|
disabled={importText.trim().length === 0} |
|
|
|
title={loc.wallets.import.do_import} |
|
|
|
buttonStyle={{ |
|
|
|
width: width / 1.5, |
|
|
|
}} |
|
|
|
onPress={importButtonPressed} |
|
|
|
/> |
|
|
|
<BlueSpacing20 /> |
|
|
|
<BlueFormMultiInput |
|
|
|
value={importText} |
|
|
|
contextMenuHidden |
|
|
|
onChangeText={setImportText} |
|
|
|
inputAccessoryViewID={BlueDoneAndDismissKeyboardInputAccessory.InputAccessoryViewID} |
|
|
|
onFocus={() => setIsToolbarVisibleForAndroid(true)} |
|
|
|
onBlur={() => setIsToolbarVisibleForAndroid(false)} |
|
|
|
<BlueButtonLink |
|
|
|
title={loc.wallets.import.scan_qr} |
|
|
|
onPress={() => { |
|
|
|
navigate('ScanQRCode', { launchedBy: 'ImportWallet', onBarScanned, showFileImportButton: true }); |
|
|
|
}} |
|
|
|
/> |
|
|
|
{Platform.select({ |
|
|
|
ios: ( |
|
|
|
<BlueDoneAndDismissKeyboardInputAccessory |
|
|
|
onClearTapped={() => { |
|
|
|
setImportText(''); |
|
|
|
Keyboard.dismiss(); |
|
|
|
}} |
|
|
|
onPasteTapped={text => { |
|
|
|
setImportText(text); |
|
|
|
Keyboard.dismiss(); |
|
|
|
}} |
|
|
|
/> |
|
|
|
), |
|
|
|
android: isToolbarVisibleForAndroid && ( |
|
|
|
<BlueDoneAndDismissKeyboardInputAccessory |
|
|
|
onClearTapped={() => { |
|
|
|
setImportText(''); |
|
|
|
Keyboard.dismiss(); |
|
|
|
}} |
|
|
|
onPasteTapped={text => { |
|
|
|
setImportText(text); |
|
|
|
Keyboard.dismiss(); |
|
|
|
}} |
|
|
|
/> |
|
|
|
), |
|
|
|
})} |
|
|
|
</KeyboardAvoidingView> |
|
|
|
</TouchableWithoutFeedback> |
|
|
|
|
|
|
|
<BlueSpacing20 /> |
|
|
|
<View |
|
|
|
style={{ |
|
|
|
alignItems: 'center', |
|
|
|
}} |
|
|
|
> |
|
|
|
<BlueButton |
|
|
|
disabled={importText.trim().length === 0} |
|
|
|
title={loc.wallets.import.do_import} |
|
|
|
buttonStyle={{ |
|
|
|
width: width / 1.5, |
|
|
|
}} |
|
|
|
onPress={importButtonPressed} |
|
|
|
/> |
|
|
|
<BlueButtonLink |
|
|
|
title={loc.wallets.import.scan_qr} |
|
|
|
onPress={() => { |
|
|
|
navigate('ScanQRCode', { launchedBy: 'ImportWallet', onBarScanned, showFileImportButton: true }); |
|
|
|
}} |
|
|
|
/> |
|
|
|
</View> |
|
|
|
</View> |
|
|
|
</ScrollView> |
|
|
|
</SafeBlueArea> |
|
|
|
); |
|
|
|
}; |
|
|
|