REF: mnemonic backup screen

This commit is contained in:
Nuno Coelho 2019-11-02 21:58:55 +01:00 committed by Overtorment
parent 6bb19070ab
commit 8649e5172c
30 changed files with 397 additions and 222 deletions

View file

@ -1,3 +1,11 @@
v4.7.1
======
* ADD: Lapp browser
* FIX: White screen on boot
* FIX: Lightning wallet was not shown on Watch app
* DEL: Auto brightenss
v4.7.0 v4.7.0
====== ======
@ -28,30 +36,3 @@ v4.5.2
* FIX: NaN when sending onchain * FIX: NaN when sending onchain
* FIX: RBF tx memo porting * FIX: RBF tx memo porting
v4.5.0
======
* ADD: Batch send TX
* ADD: handle lnurl clicks
* ADD: Afrikaans and Xhosa Translation
* ADD: Chinese traditional language
* ADD: Go straight to camera for scan.
* ADD: Vietnamise
* ADD: Splash screen animation
* ADD: Auto adjust screen brightness on screens with QRCode.
* ADD: Provide fee bump suggestions.
* REF: Use PSBT for segwit wallets
* FIX: Allow custom lndhub http calls
* FIX: Marketplace App Store Guidelines
* FIX: Remove launch screen icon
* FIX: Fix Send Max
* FIX: Don't display send modal if address belongs to self
* FIX: Select fastest fee by default
* FIX: Fixed BIP70 processing
* FIX: pt_PT translation
* FIX: Varios UI fixes to accomodate additional screen sizes
* FIX: Add warning to or restrict delete wallet option when it has balance
* FIX: Seed phrase import issues
* FIX: Increased speed for wallet unit change
* FIX: Fixed UI for transaction status

View file

@ -221,7 +221,7 @@
pleasebackup: { pleasebackup: {
title: 'Your wallet is created...', title: 'Your wallet is created...',
text: text:
"Please take a moment to write down this mnemonic phrase on a piece of paper. It's your backup you can use to restore the wallet on other device. You can use Electrum wallet on desktop (https://electrum.org/) to restore the same wallet.", "Please take a moment to write down this mnemonic phrase on a piece of paper. It's your backup you can use to restore the wallet on other device.",
ok: 'OK, I wrote this down!', ok: 'OK, I wrote this down!',
}, },
lndViewInvoice: { lndViewInvoice: {

View file

@ -224,7 +224,7 @@
pleasebackup: { pleasebackup: {
title: 'Your wallet is created...', title: 'Your wallet is created...',
text: text:
"Please take a moment to write down this mnemonic phrase on a piece of paper. It's your backup you can use to restore the wallet on other device. You can use Electrum wallet on desktop (https://electrum.org/) to restore the same wallet.", "Please take a moment to write down this mnemonic phrase on a piece of paper. It's your backup you can use to restore the wallet on other device.",
ok: 'OK, I wrote this down!', ok: 'OK, I wrote this down!',
}, },
lndViewInvoice: { lndViewInvoice: {

View file

@ -228,7 +228,7 @@ module.exports = {
pleasebackup: { pleasebackup: {
title: 'Your wallet is created...', title: 'Your wallet is created...',
text: text:
"Please take a moment to write down this mnemonic phrase on a piece of paper. It's your backup you can use to restore the wallet on other device. You can use Electrum wallet on desktop (https://electrum.org/) to restore the same wallet.", "Please take a moment to write down this mnemonic phrase on a piece of paper. It's your backup you can use to restore the wallet on other device.",
ok: 'OK, I wrote this down!', ok: 'OK, I wrote this down!',
}, },
lndViewInvoice: { lndViewInvoice: {

View file

@ -227,7 +227,7 @@ module.exports = {
pleasebackup: { pleasebackup: {
title: 'Your wallet is created...', title: 'Your wallet is created...',
text: text:
"Please take a moment to write down this mnemonic phrase on a piece of paper. It's your backup you can use to restore the wallet on other device. You can use Electrum wallet on desktop (https://electrum.org/) to restore the same wallet.", "Please take a moment to write down this mnemonic phrase on a piece of paper. It's your backup you can use to restore the wallet on other device.",
ok: 'OK, I wrote this down!', ok: 'OK, I wrote this down!',
}, },
lndViewInvoice: { lndViewInvoice: {

View file

@ -232,7 +232,7 @@ module.exports = {
pleasebackup: { pleasebackup: {
title: 'Your wallet is created...', title: 'Your wallet is created...',
text: text:
"Please take a moment to write down this mnemonic phrase on a piece of paper. It's your backup you can use to restore the wallet on other device. You can use Electrum wallet on desktop (https://electrum.org/) to restore the same wallet.", "Please take a moment to write down this mnemonic phrase on a piece of paper. It's your backup you can use to restore the wallet on other device.",
ok: 'OK, I wrote this down!', ok: 'OK, I wrote this down!',
}, },
lndViewInvoice: { lndViewInvoice: {

View file

@ -231,7 +231,7 @@ module.exports = {
pleasebackup: { pleasebackup: {
title: 'Your wallet is created...', title: 'Your wallet is created...',
text: text:
"Please take a moment to write down this mnemonic phrase on a piece of paper. It's your backup you can use to restore the wallet on other device. You can use Electrum wallet on desktop (https://electrum.org/) to restore the same wallet.", "Please take a moment to write down this mnemonic phrase on a piece of paper. It's your backup you can use to restore the wallet on other device.",
ok: 'OK, I wrote this down!', ok: 'OK, I wrote this down!',
}, },
lndViewInvoice: { lndViewInvoice: {

View file

@ -229,7 +229,7 @@ module.exports = {
pleasebackup: { pleasebackup: {
title: 'Your wallet is created...', title: 'Your wallet is created...',
text: text:
"Please take a moment to write down this mnemonic phrase on a piece of paper. It's your backup you can use to restore the wallet on other device. You can use Electrum wallet on desktop (https://electrum.org/) to restore the same wallet.", "Please take a moment to write down this mnemonic phrase on a piece of paper. It's your backup you can use to restore the wallet on other device.",
ok: 'OK, I wrote this down!', ok: 'OK, I wrote this down!',
}, },
lndViewInvoice: { lndViewInvoice: {

View file

@ -232,7 +232,7 @@ module.exports = {
pleasebackup: { pleasebackup: {
title: 'Your wallet is created...', title: 'Your wallet is created...',
text: text:
"Please take a moment to write down this mnemonic phrase on a piece of paper. It's your backup you can use to restore the wallet on other device. You can use Electrum wallet on desktop (https://electrum.org/) to restore the same wallet.", "Please take a moment to write down this mnemonic phrase on a piece of paper. It's your backup you can use to restore the wallet on other device.",
ok: 'OK, I wrote this down!', ok: 'OK, I wrote this down!',
}, },
lndViewInvoice: { lndViewInvoice: {

View file

@ -231,7 +231,7 @@ module.exports = {
pleasebackup: { pleasebackup: {
title: 'Your wallet is created...', title: 'Your wallet is created...',
text: text:
"Please take a moment to write down this mnemonic phrase on a piece of paper. It's your backup you can use to restore the wallet on other device. You can use Electrum wallet on desktop (https://electrum.org/) to restore the same wallet.", "Please take a moment to write down this mnemonic phrase on a piece of paper. It's your backup you can use to restore the wallet on other device.",
ok: 'OK, I wrote this down!', ok: 'OK, I wrote this down!',
}, },
lndViewInvoice: { lndViewInvoice: {

View file

@ -231,7 +231,7 @@ module.exports = {
pleasebackup: { pleasebackup: {
title: 'Your wallet is created...', title: 'Your wallet is created...',
text: text:
"Please take a moment to write down this mnemonic phrase on a piece of paper. It's your backup you can use to restore the wallet on other device. You can use Electrum wallet on desktop (https://electrum.org/) to restore the same wallet.", "Please take a moment to write down this mnemonic phrase on a piece of paper. It's your backup you can use to restore the wallet on other device.",
ok: 'OK, I wrote this down!', ok: 'OK, I wrote this down!',
}, },
lndViewInvoice: { lndViewInvoice: {

View file

@ -226,7 +226,7 @@ module.exports = {
pleasebackup: { pleasebackup: {
title: 'Your wallet is created...', title: 'Your wallet is created...',
text: text:
"Please take a moment to write down this mnemonic phrase on a piece of paper. It's your backup you can use to restore the wallet on other device. You can use Electrum wallet on desktop (https://electrum.org/) to restore the same wallet.", "Please take a moment to write down this mnemonic phrase on a piece of paper. It's your backup you can use to restore the wallet on other device.",
ok: 'OK, I wrote this down!', ok: 'OK, I wrote this down!',
}, },
lndViewInvoice: { lndViewInvoice: {

View file

@ -228,8 +228,7 @@ module.exports = {
title: 'A tárcád elkészült...', title: 'A tárcád elkészült...',
text: text:
'Kérlek írd le az alábbi emlékeztető szavakat egy papírlapra, és tedd el egy biztonságos helyre. ' + 'Kérlek írd le az alábbi emlékeztető szavakat egy papírlapra, és tedd el egy biztonságos helyre. ' +
'Ez egy biztonsági mentés, amellyel helyreállíthatod a tárcádat egy másik eszközön. Helyreállításhoz ' + 'Ez egy biztonsági mentés, amellyel helyreállíthatod a tárcádat egy másik eszközön.',
'használhatod az Electrum tárcát (https://electrum.org/) az asztali számítógépeden.',
ok: 'Rendben, leírtam!', ok: 'Rendben, leírtam!',
}, },
lndViewInvoice: { lndViewInvoice: {

View file

@ -228,7 +228,7 @@ module.exports = {
pleasebackup: { pleasebackup: {
title: 'Your wallet is created...', title: 'Your wallet is created...',
text: text:
"Please take a moment to write down this mnemonic phrase on a piece of paper. It's your backup you can use to restore the wallet on other device. You can use Electrum wallet on desktop (https://electrum.org/) to restore the same wallet.", "Please take a moment to write down this mnemonic phrase on a piece of paper. It's your backup you can use to restore the wallet on other device.",
ok: 'OK, I wrote this down!', ok: 'OK, I wrote this down!',
}, },
lndViewInvoice: { lndViewInvoice: {

View file

@ -231,7 +231,7 @@ module.exports = {
pleasebackup: { pleasebackup: {
title: 'Your wallet is created...', title: 'Your wallet is created...',
text: text:
"Please take a moment to write down this mnemonic phrase on a piece of paper. It's your backup you can use to restore the wallet on other device. You can use Electrum wallet on desktop (https://electrum.org/) to restore the same wallet.", "Please take a moment to write down this mnemonic phrase on a piece of paper. It's your backup you can use to restore the wallet on other device.",
ok: 'OK, I wrote this down!', ok: 'OK, I wrote this down!',
}, },
lndViewInvoice: { lndViewInvoice: {

View file

@ -229,7 +229,7 @@ module.exports = {
pleasebackup: { pleasebackup: {
title: 'Your wallet is created...', title: 'Your wallet is created...',
text: text:
"Please take a moment to write down this mnemonic phrase on a piece of paper. It's your backup you can use to restore the wallet on other device. You can use Electrum wallet on desktop (https://electrum.org/) to restore the same wallet.", "Please take a moment to write down this mnemonic phrase on a piece of paper. It's your backup you can use to restore the wallet on other device.",
ok: 'OK, I wrote this down!', ok: 'OK, I wrote this down!',
}, },
lndViewInvoice: { lndViewInvoice: {

View file

@ -232,7 +232,7 @@ module.exports = {
pleasebackup: { pleasebackup: {
title: 'Your wallet is created...', title: 'Your wallet is created...',
text: text:
"Please take a moment to write down this mnemonic phrase on a piece of paper. It's your backup you can use to restore the wallet on other device. You can use Electrum wallet on desktop (https://electrum.org/) to restore the same wallet.", "Please take a moment to write down this mnemonic phrase on a piece of paper. It's your backup you can use to restore the wallet on other device.",
ok: 'OK, I wrote this down!', ok: 'OK, I wrote this down!',
}, },
lndViewInvoice: { lndViewInvoice: {

View file

@ -235,8 +235,7 @@ module.exports = {
title: 'Sua carteira foi criada...', title: 'Sua carteira foi criada...',
text: text:
'Por favor anote num pedaço de papel essa seqüência de palavras, elas serão o seu backup e você as pode usar para' + 'Por favor anote num pedaço de papel essa seqüência de palavras, elas serão o seu backup e você as pode usar para' +
' recuperar a sua carteira em outros dispositivos. Por exemplo, você pode usar o programa Electrum para desktops' + ' recuperar a sua carteira em outros dispositivos.',
' (https://electrum.org/) para acessar esta mesma carteira.',
ok: 'Certo, já anotei!', ok: 'Certo, já anotei!',
}, },
lndViewInvoice: { lndViewInvoice: {

View file

@ -233,7 +233,7 @@ module.exports = {
pleasebackup: { pleasebackup: {
title: 'A sua wallet foi criada...', title: 'A sua wallet foi criada...',
text: text:
'Por favor escreva esta frase mnemónica numa folha de papel. É o seu backup e pode usá-lo para restaurar a sua wallet noutro device. Pode usar o Electrum wallet em desktop (https://electrum.org/) para restaurar a sua wallet.', 'Por favor escreva esta frase mnemónica numa folha de papel. É o seu backup e pode usá-lo para restaurar a sua wallet noutro device.',
ok: 'OK, eu escrevi-a num papel!', ok: 'OK, eu escrevi-a num papel!',
}, },
lndViewInvoice: { lndViewInvoice: {

View file

@ -233,7 +233,7 @@ module.exports = {
pleasebackup: { pleasebackup: {
title: 'Your wallet is created...', title: 'Your wallet is created...',
text: text:
"Please take a moment to write down this mnemonic phrase on a piece of paper. It's your backup you can use to restore the wallet on other device. You can use Electrum wallet on desktop (https://electrum.org/) to restore the same wallet.", "Please take a moment to write down this mnemonic phrase on a piece of paper. It's your backup you can use to restore the wallet on other device.",
ok: 'OK, I wrote this down!', ok: 'OK, I wrote this down!',
}, },
lndViewInvoice: { lndViewInvoice: {

View file

@ -229,7 +229,7 @@ module.exports = {
pleasebackup: { pleasebackup: {
title: 'Din plånbok har skapats...', title: 'Din plånbok har skapats...',
text: text:
'Innan du går vidare, var snäll och skriv ned dessa ord på ett papper och förvara på ett säkert ställe. De är din backup och säkerställer att du kan återställa din plånbok igen om något händer. Den går att återställa även i andra plånböcker såsom t.ex. Electrum (https://electrum.org/).', 'Innan du går vidare, var snäll och skriv ned dessa ord på ett papper och förvara på ett säkert ställe. De är din backup och säkerställer att du kan återställa din plånbok igen om något händer.',
ok: 'OK, jag har skrivit ned orden!', ok: 'OK, jag har skrivit ned orden!',
}, },
lndViewInvoice: { lndViewInvoice: {

View file

@ -228,7 +228,7 @@ module.exports = {
pleasebackup: { pleasebackup: {
title: 'Your wallet is created...', title: 'Your wallet is created...',
text: text:
"Please take a moment to write down this mnemonic phrase on a piece of paper. It's your backup you can use to restore the wallet on other device. You can use Electrum wallet on desktop (https://electrum.org/) to restore the same wallet.", "Please take a moment to write down this mnemonic phrase on a piece of paper. It's your backup you can use to restore the wallet on other device.",
ok: 'OK, I wrote this down!', ok: 'OK, I wrote this down!',
}, },
lndViewInvoice: { lndViewInvoice: {

View file

@ -229,7 +229,7 @@ module.exports = {
pleasebackup: { pleasebackup: {
title: 'Your wallet is created...', title: 'Your wallet is created...',
text: text:
"Please take a moment to write down this mnemonic phrase on a piece of paper. It's your backup you can use to restore the wallet on other device. You can use Electrum wallet on desktop (https://electrum.org/) to restore the same wallet.", "Please take a moment to write down this mnemonic phrase on a piece of paper. It's your backup you can use to restore the wallet on other device.",
ok: 'OK, I wrote this down!', ok: 'OK, I wrote this down!',
}, },
lndViewInvoice: { lndViewInvoice: {

View file

@ -233,7 +233,7 @@ module.exports = {
pleasebackup: { pleasebackup: {
title: 'Your wallet is created...', title: 'Your wallet is created...',
text: text:
"Please take a moment to write down this mnemonic phrase on a piece of paper. It's your backup you can use to restore the wallet on other device. You can use Electrum wallet on desktop (https://electrum.org/) to restore the same wallet.", "Please take a moment to write down this mnemonic phrase on a piece of paper. It's your backup you can use to restore the wallet on other device.",
ok: 'OK, I wrote this down!', ok: 'OK, I wrote this down!',
}, },
lndViewInvoice: { lndViewInvoice: {

View file

@ -229,7 +229,7 @@ module.exports = {
pleasebackup: { pleasebackup: {
title: 'Your wallet is created...', title: 'Your wallet is created...',
text: text:
"Please take a moment to write down this mnemonic phrase on a piece of paper. It's your backup you can use to restore the wallet on other device. You can use Electrum wallet on desktop (https://electrum.org/) to restore the same wallet.", "Please take a moment to write down this mnemonic phrase on a piece of paper. It's your backup you can use to restore the wallet on other device.",
ok: 'OK, I wrote this down!', ok: 'OK, I wrote this down!',
}, },
lndViewInvoice: { lndViewInvoice: {

View file

@ -223,7 +223,7 @@ module.exports = {
pleasebackup: { pleasebackup: {
title: 'Your wallet is created...', title: 'Your wallet is created...',
text: text:
"Please take a moment to write down this mnemonic phrase on a piece of paper. It's your backup you can use to restore the wallet on other device. You can use Electrum wallet on desktop (https://electrum.org/) to restore the same wallet.", "Please take a moment to write down this mnemonic phrase on a piece of paper. It's your backup you can use to restore the wallet on other device.",
ok: 'OK, I wrote this down!', ok: 'OK, I wrote this down!',
}, },
lndViewInvoice: { lndViewInvoice: {

View file

@ -220,7 +220,7 @@ module.exports = {
pleasebackup: { pleasebackup: {
title: 'Your wallet is created...', title: 'Your wallet is created...',
text: text:
"Please take a moment to write down this mnemonic phrase on a piece of paper. It's your backup you can use to restore the wallet on other device. You can use Electrum wallet on desktop (https://electrum.org/) to restore the same wallet.", "Please take a moment to write down this mnemonic phrase on a piece of paper. It's your backup you can use to restore the wallet on other device.",
ok: 'OK, I wrote this down!', ok: 'OK, I wrote this down!',
}, },
lndViewInvoice: { lndViewInvoice: {

View file

@ -1,5 +1,5 @@
import React, { Component } from 'react'; import React, { Component } from 'react';
import { View, InteractionManager } from 'react-native'; import { View, InteractionManager, ScrollView } from 'react-native';
import QRCode from 'react-native-qrcode-svg'; import QRCode from 'react-native-qrcode-svg';
import bip21 from 'bip21'; import bip21 from 'bip21';
import { import {
@ -14,7 +14,6 @@ import {
import PropTypes from 'prop-types'; import PropTypes from 'prop-types';
import Privacy from '../../Privacy'; import Privacy from '../../Privacy';
import Share from 'react-native-share'; import Share from 'react-native-share';
import { ScrollView } from 'react-native-gesture-handler';
import { Chain } from '../../models/bitcoinUnits'; import { Chain } from '../../models/bitcoinUnits';
/** @type {AppStorage} */ /** @type {AppStorage} */
let BlueApp = require('../../BlueApp'); let BlueApp = require('../../BlueApp');

View file

@ -1,8 +1,10 @@
import React, { Component } from 'react'; import React, { Component } from 'react';
import { ActivityIndicator, View, BackHandler, Text } from 'react-native'; import { ActivityIndicator, View, BackHandler, Text } from 'react-native';
import { BlueSpacing20, SafeBlueArea, BlueNavigationStyle, BlueText, BlueButton } from '../../BlueComponents'; import { BlueSpacing20, SafeBlueArea, BlueNavigationStyle, BlueText, BlueButton } from '../../BlueComponents';
import { Badge } from 'react-native-elements';
import PropTypes from 'prop-types'; import PropTypes from 'prop-types';
import Privacy from '../../Privacy'; import Privacy from '../../Privacy';
import { ScrollView } from 'react-native-gesture-handler';
let loc = require('../../loc'); let loc = require('../../loc');
export default class PleaseBackup extends Component { export default class PleaseBackup extends Component {
@ -50,172 +52,367 @@ export default class PleaseBackup extends Component {
} }
return ( return (
<SafeBlueArea style={{ flex: 1, paddingTop: 20 }}> <SafeBlueArea style={{ flex: 1 }}>
<BlueText style={{ padding: 20 }}>{loc.pleasebackup.text}</BlueText> <ScrollView contentContainerStyle={{ justifyContent: 'space-between' }}>
<View style={{ flex: 0.5, alignItems: 'center', justifyContent: 'center', padding: 20 }}> <View style={{ alignItems: 'center', paddingHorizontal: 16 }}>
<View style={{ flex: 1, alignSelf: 'stretch', flexDirection: 'row' }}> <BlueText style={{ textAlign: 'center', fontWeight: 'bold', color: '#0C2550' }}>{loc.pleasebackup.success}</BlueText>
<View style={{ flex: 1, alignSelf: 'stretch' }}> <BlueText style={{ paddingBottom: 20, paddingRight: 20, paddingLeft: 20, color: '#0C2550' }}>{loc.pleasebackup.text}</BlueText>
<BlueText>
<Text style={{ color: 'gray' }}>1. </Text> <View
{this.state.words[0]} style={{
</BlueText> flex: 1,
flexDirection: 'row',
justifyContent: 'center',
flexWrap: 'wrap',
marginTop: 24,
}}
>
<View style={{ width: 'auto', marginRight: 8, marginBottom: 8 }}>
<Badge
containerStyle={{
backgroundColor: '#f5f5f5',
paddingTop: 6,
paddingBottom: 6,
paddingLeft: 8,
paddingRight: 8,
borderRadius: 4,
}}
>
<Text style={{ color: '#81868E', fontWeight: 'bold' }}>1. {this.state.words[0]}</Text>
</Badge>
</View>
<View style={{ width: 'auto', marginRight: 8, marginBottom: 8 }}>
<Badge
containerStyle={{
backgroundColor: '#f5f5f5',
paddingTop: 6,
paddingBottom: 6,
paddingLeft: 8,
paddingRight: 8,
borderRadius: 4,
}}
>
<Text style={{ color: '#81868E', fontWeight: 'bold' }}>2. {this.state.words[1]}</Text>
</Badge>
</View>
<View style={{ width: 'auto', marginRight: 8, marginBottom: 8 }}>
<Badge
containerStyle={{
backgroundColor: '#f5f5f5',
paddingTop: 6,
paddingBottom: 6,
paddingLeft: 8,
paddingRight: 8,
borderRadius: 4,
}}
>
<Text style={{ color: '#81868E', fontWeight: 'bold' }}>3. {this.state.words[2]}</Text>
</Badge>
</View>
<View style={{ width: 'auto', marginRight: 8, marginBottom: 8 }}>
<Badge
containerStyle={{
backgroundColor: '#f5f5f5',
paddingTop: 6,
paddingBottom: 6,
paddingLeft: 8,
paddingRight: 8,
borderRadius: 4,
}}
>
<Text style={{ color: '#81868E', fontWeight: 'bold' }}>4. {this.state.words[3]}</Text>
</Badge>
</View>
<View style={{ width: 'auto', marginRight: 8, marginBottom: 8 }}>
<Badge
containerStyle={{
backgroundColor: '#f5f5f5',
paddingTop: 6,
paddingBottom: 6,
paddingLeft: 8,
paddingRight: 8,
borderRadius: 4,
}}
>
<Text style={{ color: '#81868E', fontWeight: 'bold' }}>5. {this.state.words[4]}</Text>
</Badge>
</View>
<View style={{ width: 'auto', marginRight: 8, marginBottom: 8 }}>
<Badge
containerStyle={{
backgroundColor: '#f5f5f5',
paddingTop: 6,
paddingBottom: 6,
paddingLeft: 8,
paddingRight: 8,
borderRadius: 4,
}}
>
<Text style={{ color: '#81868E', fontWeight: 'bold' }}>6. {this.state.words[5]}</Text>
</Badge>
</View>
<View style={{ width: 'auto', marginRight: 8, marginBottom: 8 }}>
<Badge
containerStyle={{
backgroundColor: '#f5f5f5',
paddingTop: 6,
paddingBottom: 6,
paddingLeft: 8,
paddingRight: 8,
borderRadius: 4,
}}
>
<Text style={{ color: '#81868E', fontWeight: 'bold' }}>7. {this.state.words[6]}</Text>
</Badge>
</View>
<View style={{ width: 'auto', marginRight: 8, marginBottom: 8 }}>
<Badge
containerStyle={{
backgroundColor: '#f5f5f5',
paddingTop: 6,
paddingBottom: 6,
paddingLeft: 8,
paddingRight: 8,
borderRadius: 4,
}}
>
<Text style={{ color: '#81868E', fontWeight: 'bold' }}>8. {this.state.words[7]}</Text>
</Badge>
</View>
<View style={{ width: 'auto', marginRight: 8, marginBottom: 8 }}>
<Badge
containerStyle={{
backgroundColor: '#f5f5f5',
paddingTop: 6,
paddingBottom: 6,
paddingLeft: 8,
paddingRight: 8,
borderRadius: 4,
}}
>
<Text style={{ color: '#81868E', fontWeight: 'bold' }}>9. {this.state.words[8]}</Text>
</Badge>
</View>
<View style={{ width: 'auto', marginRight: 8, marginBottom: 8 }}>
<Badge
containerStyle={{
backgroundColor: '#f5f5f5',
paddingTop: 6,
paddingBottom: 6,
paddingLeft: 8,
paddingRight: 8,
borderRadius: 4,
}}
>
<Text style={{ color: '#81868E', fontWeight: 'bold' }}>10. {this.state.words[9]}</Text>
</Badge>
</View>
<View style={{ width: 'auto', marginRight: 8, marginBottom: 8 }}>
<Badge
containerStyle={{
backgroundColor: '#f5f5f5',
paddingTop: 6,
paddingBottom: 6,
paddingLeft: 8,
paddingRight: 8,
borderRadius: 4,
}}
>
<Text style={{ color: '#81868E', fontWeight: 'bold' }}>11. {this.state.words[10]}</Text>
</Badge>
</View>
<View style={{ width: 'auto', marginRight: 8, marginBottom: 8 }}>
<Badge
containerStyle={{
backgroundColor: '#f5f5f5',
paddingTop: 6,
paddingBottom: 6,
paddingLeft: 8,
paddingRight: 8,
borderRadius: 4,
}}
>
<Text style={{ color: '#81868E', fontWeight: 'bold' }}>12. {this.state.words[11]}</Text>
</Badge>
</View>
<View style={{ width: 'auto', marginRight: 8, marginBottom: 8 }}>
<Badge
containerStyle={{
backgroundColor: '#f5f5f5',
paddingTop: 6,
paddingBottom: 6,
paddingLeft: 8,
paddingRight: 8,
borderRadius: 4,
}}
>
<Text style={{ color: '#81868E', fontWeight: 'bold' }}>13. {this.state.words[12]}</Text>
</Badge>
</View>
<View style={{ width: 'auto', marginRight: 8, marginBottom: 8 }}>
<Badge
containerStyle={{
backgroundColor: '#f5f5f5',
paddingTop: 6,
paddingBottom: 6,
paddingLeft: 8,
paddingRight: 8,
borderRadius: 4,
}}
>
<Text style={{ color: '#81868E', fontWeight: 'bold' }}>14. {this.state.words[13]}</Text>
</Badge>
</View>
<View style={{ width: 'auto', marginRight: 8, marginBottom: 8 }}>
<Badge
containerStyle={{
backgroundColor: '#f5f5f5',
paddingTop: 6,
paddingBottom: 6,
paddingLeft: 8,
paddingRight: 8,
borderRadius: 4,
}}
>
<Text style={{ color: '#81868E', fontWeight: 'bold' }}>15. {this.state.words[14]}</Text>
</Badge>
</View>
<View style={{ width: 'auto', marginRight: 8, marginBottom: 8 }}>
<Badge
containerStyle={{
backgroundColor: '#f5f5f5',
paddingTop: 6,
paddingBottom: 6,
paddingLeft: 8,
paddingRight: 8,
borderRadius: 4,
}}
>
<Text style={{ color: '#81868E', fontWeight: 'bold' }}>16. {this.state.words[15]}</Text>
</Badge>
</View>
<View style={{ width: 'auto', marginRight: 8, marginBottom: 8 }}>
<Badge
containerStyle={{
backgroundColor: '#f5f5f5',
paddingTop: 6,
paddingBottom: 6,
paddingLeft: 8,
paddingRight: 8,
borderRadius: 4,
}}
>
<Text style={{ color: '#81868E', fontWeight: 'bold' }}>17. {this.state.words[16]}</Text>
</Badge>
</View>
<View style={{ width: 'auto', marginRight: 8, marginBottom: 8 }}>
<Badge
containerStyle={{
backgroundColor: '#f5f5f5',
paddingTop: 6,
paddingBottom: 6,
paddingLeft: 8,
paddingRight: 8,
borderRadius: 4,
}}
>
<Text style={{ color: '#81868E', fontWeight: 'bold' }}>18. {this.state.words[17]}</Text>
</Badge>
</View>
<View style={{ width: 'auto', marginRight: 8, marginBottom: 8 }}>
<Badge
containerStyle={{
backgroundColor: '#f5f5f5',
paddingTop: 6,
paddingBottom: 6,
paddingLeft: 8,
paddingRight: 8,
borderRadius: 4,
}}
>
<Text style={{ color: '#81868E', fontWeight: 'bold' }}>19. {this.state.words[18]}</Text>
</Badge>
</View>
<View style={{ width: 'auto', marginRight: 8, marginBottom: 8 }}>
<Badge
containerStyle={{
backgroundColor: '#f5f5f5',
paddingTop: 6,
paddingBottom: 6,
paddingLeft: 8,
paddingRight: 8,
borderRadius: 4,
}}
>
<Text style={{ color: '#81868E', fontWeight: 'bold' }}>20. {this.state.words[19]}</Text>
</Badge>
</View>
<View style={{ width: 'auto', marginRight: 8, marginBottom: 8 }}>
<Badge
containerStyle={{
backgroundColor: '#f5f5f5',
paddingTop: 6,
paddingBottom: 6,
paddingLeft: 8,
paddingRight: 8,
borderRadius: 4,
}}
>
<Text style={{ color: '#81868E', fontWeight: 'bold' }}>21. {this.state.words[20]}</Text>
</Badge>
</View>
<View style={{ width: 'auto', marginRight: 8, marginBottom: 8 }}>
<Badge
containerStyle={{
backgroundColor: '#f5f5f5',
paddingTop: 6,
paddingBottom: 6,
paddingLeft: 8,
paddingRight: 8,
borderRadius: 4,
}}
>
<Text style={{ color: '#81868E', fontWeight: 'bold' }}>22. {this.state.words[21]}</Text>
</Badge>
</View>
<View style={{ width: 'auto', marginRight: 8, marginBottom: 8 }}>
<Badge
containerStyle={{
backgroundColor: '#f5f5f5',
paddingTop: 6,
paddingBottom: 6,
paddingLeft: 8,
paddingRight: 8,
borderRadius: 4,
}}
>
<Text style={{ color: '#81868E', fontWeight: 'bold' }}>23. {this.state.words[22]}</Text>
</Badge>
</View>
<View style={{ width: 'auto', marginRight: 8, marginBottom: 8 }}>
<Badge
containerStyle={{
backgroundColor: '#f5f5f5',
paddingTop: 6,
paddingBottom: 6,
paddingLeft: 8,
paddingRight: 8,
borderRadius: 4,
}}
>
<Text style={{ color: '#81868E', fontWeight: 'bold' }}>24. {this.state.words[23]}</Text>
</Badge>
</View>
</View> </View>
<View style={{ flex: 1, alignSelf: 'stretch' }}>
<BlueText> <View style={{ flex: 1, justifyContent: 'center', alignItems: 'center', flexWrap: 'wrap', paddingTop: 24, paddingBottom: 40 }}>
<Text style={{ color: 'gray' }}>2. </Text> <View style={{ flex: 1 }}>
{this.state.words[1]} <BlueSpacing20 />
</BlueText> <BlueButton onPress={() => this.props.navigation.dismiss()} title={loc.pleasebackup.ok} />
</View> </View>
<View style={{ flex: 1, alignSelf: 'stretch' }}>
<BlueText>
<Text style={{ color: 'gray' }}>3. </Text>
{this.state.words[2]}
</BlueText>
</View>
<View style={{ flex: 1, alignSelf: 'stretch' }}>
<BlueText>
<Text style={{ color: 'gray' }}>4. </Text>
{this.state.words[3]}
</BlueText>
</View> </View>
</View> </View>
<View style={{ flex: 1, alignSelf: 'stretch', flexDirection: 'row' }}> </ScrollView>
<View style={{ flex: 1, alignSelf: 'stretch' }}>
<BlueText>
<Text style={{ color: 'gray' }}>5. </Text>
{this.state.words[4]}
</BlueText>
</View>
<View style={{ flex: 1, alignSelf: 'stretch' }}>
<BlueText>
<Text style={{ color: 'gray' }}>6. </Text>
{this.state.words[5]}
</BlueText>
</View>
<View style={{ flex: 1, alignSelf: 'stretch' }}>
<BlueText>
<Text style={{ color: 'gray' }}>7. </Text>
{this.state.words[6]}
</BlueText>
</View>
<View style={{ flex: 1, alignSelf: 'stretch' }}>
<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>
<Text style={{ color: 'gray' }}>9. </Text>
{this.state.words[8]}
</BlueText>
</View>
<View style={{ flex: 1, alignSelf: 'stretch' }}>
<BlueText>
<Text style={{ color: 'gray' }}>10. </Text>
{this.state.words[9]}
</BlueText>
</View>
<View style={{ flex: 1, alignSelf: 'stretch' }}>
<BlueText>
<Text style={{ color: 'gray' }}>11. </Text>
{this.state.words[10]}
</BlueText>
</View>
<View style={{ flex: 1, alignSelf: 'stretch' }}>
<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>
<Text style={{ color: 'gray' }}>13. </Text>
{this.state.words[12]}
</BlueText>
</View>
<View style={{ flex: 1, alignSelf: 'stretch' }}>
<BlueText>
<Text style={{ color: 'gray' }}>14. </Text>
{this.state.words[13]}
</BlueText>
</View>
<View style={{ flex: 1, alignSelf: 'stretch' }}>
<BlueText>
<Text style={{ color: 'gray' }}>15. </Text>
{this.state.words[14]}
</BlueText>
</View>
<View style={{ flex: 1, alignSelf: 'stretch' }}>
<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>
<Text style={{ color: 'gray' }}>17. </Text>
{this.state.words[16]}
</BlueText>
</View>
<View style={{ flex: 1, alignSelf: 'stretch' }}>
<BlueText>
<Text style={{ color: 'gray' }}>18. </Text>
{this.state.words[17]}
</BlueText>
</View>
<View style={{ flex: 1, alignSelf: 'stretch' }}>
<BlueText>
<Text style={{ color: 'gray' }}>19. </Text>
{this.state.words[18]}
</BlueText>
</View>
<View style={{ flex: 1, alignSelf: 'stretch' }}>
<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>
<Text style={{ color: 'gray' }}>21. </Text>
{this.state.words[20]}
</BlueText>
</View>
<View style={{ flex: 1, alignSelf: 'stretch' }}>
<BlueText>
<Text style={{ color: 'gray' }}>22. </Text>
{this.state.words[21]}
</BlueText>
</View>
<View style={{ flex: 1, alignSelf: 'stretch' }}>
<BlueText>
<Text style={{ color: 'gray' }}>23. </Text>
{this.state.words[22]}
</BlueText>
</View>
<View style={{ flex: 1, alignSelf: 'stretch' }}>
<BlueText>
<Text style={{ color: 'gray' }}>24. </Text>
{this.state.words[23]}
</BlueText>
</View>
</View>
<View style={{ flex: 1, alignSelf: 'stretch', flexDirection: 'row' }}>
<View style={{ flex: 1, alignSelf: 'stretch' }}>
<BlueSpacing20 />
<BlueButton onPress={() => this.props.navigation.dismiss()} title={loc.pleasebackup.ok} />
</View>
</View>
</View>
</SafeBlueArea> </SafeBlueArea>
); );
} }

View file

@ -10,6 +10,7 @@ import {
ActivityIndicator, ActivityIndicator,
InteractionManager, InteractionManager,
FlatList, FlatList,
ScrollView,
RefreshControl, RefreshControl,
TouchableOpacity, TouchableOpacity,
StatusBar, StatusBar,
@ -28,7 +29,6 @@ import {
import { Icon } from 'react-native-elements'; import { Icon } from 'react-native-elements';
import { LightningCustodianWallet } from '../../class'; import { LightningCustodianWallet } from '../../class';
import Handoff from 'react-native-handoff'; import Handoff from 'react-native-handoff';
import { ScrollView } from 'react-native-gesture-handler';
import Modal from 'react-native-modal'; import Modal from 'react-native-modal';
import NavigationService from '../../NavigationService'; import NavigationService from '../../NavigationService';
/** @type {AppStorage} */ /** @type {AppStorage} */