-
Notifications
You must be signed in to change notification settings - Fork 295
/
WalletBackupDialog.tsx
101 lines (98 loc) · 3.2 KB
/
WalletBackupDialog.tsx
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
// @flow
import React, { Component } from 'react';
import { observer } from 'mobx-react';
import WalletBackupPrivacyWarningDialog from './backup-recovery/WalletBackupPrivacyWarningDialog';
import WalletRecoveryPhraseDisplayDialog from './backup-recovery/WalletRecoveryPhraseDisplayDialog';
import WalletRecoveryPhraseEntryDialog from './backup-recovery/WalletRecoveryPhraseEntryDialog';
import type { walletBackupStep } from '../../types/walletBackupTypes';
import { WALLET_BACKUP_STEPS } from '../../types/walletBackupTypes';
type Props = {
currentStep: walletBackupStep,
canPhraseBeShown: boolean,
isPrivacyNoticeAccepted: boolean,
countdownRemaining: number,
isTermOfflineAccepted: boolean,
canFinishBackup: boolean,
isTermRecoveryAccepted: boolean,
isValid: boolean,
isSubmitting: boolean,
recoveryPhrase: string,
enteredPhrase: Array<string>,
onCancelBackup: Function,
onAcceptPrivacyNotice: Function,
onContinue: Function,
onStartWalletBackup: Function,
onAcceptTermOffline: Function,
onAcceptTermRecovery: Function,
onUpdateVerificationPhrase: Function,
onFinishBackup: Function,
onRestartBackup: Function,
};
@observer
export default class WalletBackupDialog extends Component<Props> {
render() {
const {
currentStep,
onCancelBackup,
canPhraseBeShown,
isPrivacyNoticeAccepted,
countdownRemaining,
onAcceptPrivacyNotice,
onContinue,
recoveryPhrase,
onStartWalletBackup,
isTermOfflineAccepted,
enteredPhrase,
canFinishBackup,
isTermRecoveryAccepted,
isValid,
isSubmitting,
onAcceptTermOffline,
onAcceptTermRecovery,
onUpdateVerificationPhrase,
onFinishBackup,
onRestartBackup,
} = this.props;
if (currentStep === WALLET_BACKUP_STEPS.PRIVACY_WARNING) {
return (
<WalletBackupPrivacyWarningDialog
canPhraseBeShown={canPhraseBeShown}
isPrivacyNoticeAccepted={isPrivacyNoticeAccepted}
countdownRemaining={countdownRemaining}
onAcceptPrivacyNotice={onAcceptPrivacyNotice}
onCancelBackup={onCancelBackup}
onContinue={onContinue}
/>
);
}
if (currentStep === WALLET_BACKUP_STEPS.RECOVERY_PHRASE_DISPLAY) {
return (
<WalletRecoveryPhraseDisplayDialog
recoveryPhrase={recoveryPhrase}
onStartWalletBackup={onStartWalletBackup}
onCancelBackup={onCancelBackup}
isSubmitting={isSubmitting}
/>
);
}
if (currentStep === WALLET_BACKUP_STEPS.RECOVERY_PHRASE_ENTRY) {
return (
<WalletRecoveryPhraseEntryDialog
isTermOfflineAccepted={isTermOfflineAccepted}
enteredPhrase={enteredPhrase}
canFinishBackup={canFinishBackup}
isTermRecoveryAccepted={isTermRecoveryAccepted}
isValid={isValid}
isSubmitting={isSubmitting}
onAcceptTermOffline={onAcceptTermOffline}
onAcceptTermRecovery={onAcceptTermRecovery}
onUpdateVerificationPhrase={onUpdateVerificationPhrase}
onCancelBackup={onCancelBackup}
onFinishBackup={onFinishBackup}
onRestartBackup={onRestartBackup}
/>
);
}
return null;
}
}