diff --git a/components/settings/password/create.js b/components/settings/password/create.js
index aaa021d..9178312 100644
--- a/components/settings/password/create.js
+++ b/components/settings/password/create.js
@@ -19,7 +19,7 @@ export default class CreatePassword extends Component {
}
startSettingPassword = () => {
- showBackUpReminder(this.toggleSettingPassword)
+ showBackUpReminder(this.toggleSettingPassword, () => {})
}
render () {
diff --git a/components/settings/password/delete.js b/components/settings/password/delete.js
index b6435a0..7556a27 100644
--- a/components/settings/password/delete.js
+++ b/components/settings/password/delete.js
@@ -14,7 +14,7 @@ export default class DeletePassword extends Component {
startConfirmWithPassword = () => {
this.setState({ enteringCurrentPassword: true })
- this.props.onStartDeletingPassword()
+ this.props.onStartDelete()
}
startDeletePassword = async () => {
@@ -23,6 +23,7 @@ export default class DeletePassword extends Component {
cancelConfirmationWithPassword = () => {
this.setState({ enteringCurrentPassword: false })
+ this.props.onCancelDelete()
}
render() {
diff --git a/components/settings/password/index.js b/components/settings/password/index.js
index d4d0242..08406a4 100644
--- a/components/settings/password/index.js
+++ b/components/settings/password/index.js
@@ -24,10 +24,18 @@ export default class PasswordSetting extends Component {
this.setState({ isChangingPassword: true })
}
+ onCancelChangingPassword = () => {
+ this.setState({ isChangingPassword: false })
+ }
+
onDeletingPassword = () => {
this.setState({ isDeletingPassword: true })
}
+ onCancelDeletingPassword = () => {
+ this.setState({ isDeletingPassword: false })
+ }
+
render() {
const {
@@ -53,13 +61,15 @@ export default class PasswordSetting extends Component {
{ (isPasswordSet && !isDeletingPassword) && (
)}
{ (isPasswordSet && !isChangingPassword) && (
)}
diff --git a/components/settings/password/show-backup-reminder.js b/components/settings/password/show-backup-reminder.js
index f61e5a4..bf95646 100644
--- a/components/settings/password/show-backup-reminder.js
+++ b/components/settings/password/show-backup-reminder.js
@@ -2,7 +2,7 @@ import { Alert } from 'react-native'
import { shared } from '../../../i18n/en/labels'
import labels from '../../../i18n/en/settings'
-export default function showBackUpReminder(okHandler, isDelete) {
+export default function showBackUpReminder(okHandler, cancelHandler, isDelete) {
let title, message
if (isDelete) {
title = labels.passwordSettings.deleteBackupReminderTitle
@@ -17,10 +17,12 @@ export default function showBackUpReminder(okHandler, isDelete) {
message,
[{
text: shared.cancel,
+ onPress: cancelHandler,
style: 'cancel'
}, {
text: shared.ok,
onPress: okHandler
- }]
+ }],
+ { onDismiss: cancelHandler }
)
}
\ No newline at end of file
diff --git a/components/settings/password/update.js b/components/settings/password/update.js
index e09433a..709427c 100644
--- a/components/settings/password/update.js
+++ b/components/settings/password/update.js
@@ -17,10 +17,15 @@ export default class ChangePassword extends Component {
}
startChangingPassword = () => {
- showBackUpReminder(() => {
- this.setState({ enteringCurrentPassword: true })
- })
- this.props.onStartChangingPassword()
+ showBackUpReminder(
+ this.startEnteringCurrentPassword,
+ this.cancelConfirmationWithPassword
+ )
+ }
+
+ startEnteringCurrentPassword = () => {
+ this.setState({ enteringCurrentPassword: true })
+ this.props.onStartChange()
}
startEnteringNewPassword = () => {
@@ -37,6 +42,7 @@ export default class ChangePassword extends Component {
enteringNewPassword: false,
enteringCurrentPassword: false
})
+ this.props.onCancelChange()
}
render() {