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() {