mirrors/BlueWallet
1
0
Fork 0
mirror of https://github.com/BlueWallet/BlueWallet.git synced 2024-11-20 02:09:10 +01:00
Code Issues Packages Projects Releases Wiki Activity

REF: better mnemonic backup screen

Browse Source
This commit is contained in:
Overtorment 2019-05-15 19:19:02 +01:00
parent ea8bbdb609
commit 233ee2ddca
1 changed files with 97 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

122
screen/wallets/pleaseBackup.js
View File

@ -1,5 +1,5 @@
import React, { Component } from 'react';
import { ActivityIndicator, View, BackHandler } from 'react-native';
import { ActivityIndicator, View, BackHandler, Text } from 'react-native';
import { BlueSpacing20, SafeBlueArea, BlueNavigationStyle, BlueText, BlueButton } from '../../BlueComponents';
import PropTypes from 'prop-types';
import Privacy from '../../Privacy';
@ -55,86 +55,158 @@ export default class PleaseBackup extends Component {
<View style={{ flex: 0.5, alignItems: 'center', justifyContent: 'center', padding: 20 }}>
<View style={{ flex: 1, alignSelf: 'stretch', flexDirection: 'row' }}>
<View style={{ flex: 1, alignSelf: 'stretch' }}>
<BlueText>{this.state.words[0]}</BlueText>
<BlueText>
<Text style={{ color: 'gray' }}>1. </Text>
{this.state.words[0]}
</BlueText>
</View>
<View style={{ flex: 1, alignSelf: 'stretch' }}>
<BlueText>{this.state.words[1]}</BlueText>
<BlueText>
<Text style={{ color: 'gray' }}>2. </Text>
{this.state.words[1]}
</BlueText>
</View>
<View style={{ flex: 1, alignSelf: 'stretch' }}>
<BlueText>{this.state.words[2]}</BlueText>
<BlueText>
<Text style={{ color: 'gray' }}>3. </Text>
{this.state.words[2]}
</BlueText>
</View>
<View style={{ flex: 1, alignSelf: 'stretch' }}>
<BlueText>{this.state.words[3]}</BlueText>
<BlueText>
<Text style={{ color: 'gray' }}>4. </Text>
{this.state.words[3]}
</BlueText>
</View>
</View>
<View style={{ flex: 1, alignSelf: 'stretch', flexDirection: 'row' }}>
<View style={{ flex: 1, alignSelf: 'stretch' }}>
<BlueText>{this.state.words[4]}</BlueText>
<BlueText>
<Text style={{ color: 'gray' }}>5. </Text>
{this.state.words[4]}
</BlueText>
</View>
<View style={{ flex: 1, alignSelf: 'stretch' }}>
<BlueText>{this.state.words[5]}</BlueText>
<BlueText>
<Text style={{ color: 'gray' }}>6. </Text>
{this.state.words[5]}
</BlueText>
</View>
<View style={{ flex: 1, alignSelf: 'stretch' }}>
<BlueText>{this.state.words[6]}</BlueText>
<BlueText>
<Text style={{ color: 'gray' }}>7. </Text>
{this.state.words[6]}
</BlueText>
</View>
<View style={{ flex: 1, alignSelf: 'stretch' }}>
<BlueText>{this.state.words[7]}</BlueText>
<BlueText>
<Text style={{ color: 'gray' }}>8. </Text>
{this.state.words[7]}
</BlueText>
</View>
</View>
<View style={{ flex: 1, alignSelf: 'stretch', flexDirection: 'row' }}>
<View style={{ flex: 1, alignSelf: 'stretch' }}>
<BlueText>{this.state.words[8]}</BlueText>
<BlueText>
<Text style={{ color: 'gray' }}>9. </Text>
{this.state.words[8]}
</BlueText>
</View>
<View style={{ flex: 1, alignSelf: 'stretch' }}>
<BlueText>{this.state.words[9]}</BlueText>
<BlueText>
<Text style={{ color: 'gray' }}>10. </Text>
{this.state.words[9]}
</BlueText>
</View>
<View style={{ flex: 1, alignSelf: 'stretch' }}>
<BlueText>{this.state.words[10]}</BlueText>
<BlueText>
<Text style={{ color: 'gray' }}>11. </Text>
{this.state.words[10]}
</BlueText>
</View>
<View style={{ flex: 1, alignSelf: 'stretch' }}>
<BlueText>{this.state.words[11]}</BlueText>
<BlueText>
<Text style={{ color: 'gray' }}>12. </Text>
{this.state.words[11]}
</BlueText>
</View>
</View>
<View style={{ flex: 1, alignSelf: 'stretch', flexDirection: 'row' }}>
<View style={{ flex: 1, alignSelf: 'stretch' }}>
<BlueText>{this.state.words[12]}</BlueText>
<BlueText>
<Text style={{ color: 'gray' }}>13. </Text>
{this.state.words[12]}
</BlueText>
</View>
<View style={{ flex: 1, alignSelf: 'stretch' }}>
<BlueText>{this.state.words[13]}</BlueText>
<BlueText>
<Text style={{ color: 'gray' }}>14. </Text>
{this.state.words[13]}
</BlueText>
</View>
<View style={{ flex: 1, alignSelf: 'stretch' }}>
<BlueText>{this.state.words[14]}</BlueText>
<BlueText>
<Text style={{ color: 'gray' }}>15. </Text>
{this.state.words[14]}
</BlueText>
</View>
<View style={{ flex: 1, alignSelf: 'stretch' }}>
<BlueText>{this.state.words[15]}</BlueText>
<BlueText>
<Text style={{ color: 'gray' }}>16. </Text>
{this.state.words[15]}
</BlueText>
</View>
</View>
<View style={{ flex: 1, alignSelf: 'stretch', flexDirection: 'row' }}>
<View style={{ flex: 1, alignSelf: 'stretch' }}>
<BlueText>{this.state.words[16]}</BlueText>
<BlueText>
<Text style={{ color: 'gray' }}>17. </Text>
{this.state.words[16]}
</BlueText>
</View>
<View style={{ flex: 1, alignSelf: 'stretch' }}>
<BlueText>{this.state.words[17]}</BlueText>
<BlueText>
<Text style={{ color: 'gray' }}>18. </Text>
{this.state.words[17]}
</BlueText>
</View>
<View style={{ flex: 1, alignSelf: 'stretch' }}>
<BlueText>{this.state.words[18]}</BlueText>
<BlueText>
<Text style={{ color: 'gray' }}>19. </Text>
{this.state.words[18]}
</BlueText>
</View>
<View style={{ flex: 1, alignSelf: 'stretch' }}>
<BlueText>{this.state.words[19]}</BlueText>
<BlueText>
<Text style={{ color: 'gray' }}>20. </Text>
{this.state.words[19]}
</BlueText>
</View>
</View>
<View style={{ flex: 1, alignSelf: 'stretch', flexDirection: 'row' }}>
<View style={{ flex: 1, alignSelf: 'stretch' }}>
<BlueText>{this.state.words[20]}</BlueText>
<BlueText>
<Text style={{ color: 'gray' }}>21. </Text>
{this.state.words[20]}
</BlueText>
</View>
<View style={{ flex: 1, alignSelf: 'stretch' }}>
<BlueText>{this.state.words[21]}</BlueText>
<BlueText>
<Text style={{ color: 'gray' }}>22. </Text>
{this.state.words[21]}
</BlueText>
</View>
<View style={{ flex: 1, alignSelf: 'stretch' }}>
<BlueText>{this.state.words[22]}</BlueText>
<BlueText>
<Text style={{ color: 'gray' }}>23. </Text>
{this.state.words[22]}
</BlueText>
</View>
<View style={{ flex: 1, alignSelf: 'stretch' }}>
<BlueText>{this.state.words[23]}</BlueText>
<BlueText>
<Text style={{ color: 'gray' }}>24. </Text>
{this.state.words[23]}
</BlueText>
</View>
</View>
<View style={{ flex: 1, alignSelf: 'stretch', flexDirection: 'row' }}>