mirrors/BlueWallet
1
0
Fork 0
mirror of https://github.com/BlueWallet/BlueWallet.git synced 2025-03-03 12:06:21 +01:00
Code Issues Projects Releases Packages Wiki Activity

FIX: Quorum modal, not possible to go back #2069

Browse source
This commit is contained in:
marcosrdz 2020-11-10 22:02:36 -05:00
parent 58cc3df6a1
commit 975bdd5646
1 changed files with 30 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

42
screen/wallets/addMultisig.js
View file

@ -1,5 +1,5 @@
import React, { useState, useRef, useEffect, useContext } from 'react';
import { Keyboard, KeyboardAvoidingView, Platform, StatusBar, StyleSheet, Text, TouchableOpacity, View } from 'react-native';
import { Keyboard, Image, KeyboardAvoidingView, Platform, StatusBar, StyleSheet, Text, TouchableOpacity, View } from 'react-native';
import LottieView from 'lottie-react-native';
import { Icon } from 'react-native-elements';
import { BlueButton, BlueListItem, BlueNavigationStyle, BlueSpacing20 } from '../../BlueComponents';
@ -11,7 +11,7 @@ import { SafeAreaView } from 'react-native-safe-area-context';
import { BlueStorageContext } from '../../blue_modules/storage-context';
const WalletsAddMultisig = () => {
const { colors } = useTheme();
const { colors, closeImage } = useTheme();
const { navigate } = useNavigation();
const loadingAnimation = useRef();
@ -92,20 +92,28 @@ const WalletsAddMultisig = () => {
setN(n - 1);
};
const closeModal = () => {
Keyboard.dismiss();
setIsModalVisible(false);
};
const renderModal = () => {
return (
<Modal
isVisible={isModalVisible}
style={styles.bottomModal}
onBackdropPress={() => {
Keyboard.dismiss();
setIsModalVisible(false);
}}
>
<Modal isVisible={isModalVisible} style={styles.bottomModal} onBackdropPress={closeModal}>
<KeyboardAvoidingView behavior={Platform.OS === 'ios' ? 'position' : null}>
<View style={[styles.modalContentShort, stylesHook.modalContentShort]}>
<Text style={[styles.textHeader, stylesHook.textHeader]}>{loc.multisig.quorum_header}</Text>
<Text style={[styles.textSubtitle, stylesHook.textSubtitle]}>{loc.multisig.required_keys_out_of_total}</Text>
<View style={styles.modalHeader}>
<View style={styles.modalHeaderContent}>
<Text style={[styles.textHeader, stylesHook.textHeader]}>{loc.multisig.quorum_header}</Text>
<Text style={[styles.textSubtitle, stylesHook.textSubtitle]}>{loc.multisig.required_keys_out_of_total}</Text>
</View>
<View style={styles.modalHeaderContentCloseButton}>
<TouchableOpacity onPress={closeModal}>
<Image source={closeImage} />
</TouchableOpacity>
</View>
</View>
<View style={styles.rowCenter}>
<View style={styles.column}>
<TouchableOpacity onPress={increaseM} disabled={n === m || m === 7} style={styles.chevron}>
@ -239,6 +247,16 @@ const styles = StyleSheet.create({
justifyContent: 'flex-end',
margin: 0,
},
modalHeader: {
flexDirection: 'row',
justifyContent: 'space-between',
},
modalHeaderContent: {
flexDirection: 'column',
},
modalHeaderContentCloseButton: {
justifyContent: 'center',
},
item: {
paddingHorizontal: 0,
},