Pull password settings apart into individual components

2018-09-15 11:22:00 +02:00
parent 80f08c0642
commit 8ed26f3e59
12 changed files with 392 additions and 27 deletions
@@ -0,0 +1,129 @@
+
+import React, { Component } from 'react'
+import {
+  View,
+  TouchableOpacity} from 'react-native'
+import nodejs from 'nodejs-mobile-react-native'
+import { AppText } from '../../app-text'
+import styles from '../../../styles'
+import { settings as labels, shared } from '../../labels'
+import { requestHash, changeEncryptionAndRestartApp } from '../../../db'
+import PasswordField from './password-field'
+import showBackUpReminder from './show-backup-reminder'
+import checkCurrentPassword from './check-current-password'
+
+export default class ChangePassword extends Component {
+  constructor() {
+    super()
+    this.state = {
+      enteringCurrentPassword: false,
+      currentPassword: null,
+      enteringNewPassword: false,
+      newPassword: null
+    }
+
+    nodejs.channel.addListener(
+      'pre-change-pw-check',
+      this.openNewPasswordField,
+      this
+    )
+
+    nodejs.channel.addListener(
+      'change-pw',
+      changeEncryptionAndRestartApp,
+      this
+    )
+  }
+
+  componentWillUnmount() {
+    nodejs.channel.removeListener('pre-change-pw-check', this.openNewPasswordField)
+    nodejs.channel.removeListener('change-pw', changeEncryptionAndRestartApp)
+  }
+
+  openNewPasswordField = async hash => {
+    const passwordCorrect = await checkCurrentPassword({
+      hash,
+      onTryAgain: () => this.setState({ currentPassword: null }),
+      onCancel: () => this.setState({
+        enteringCurrentPassword: false,
+        currentPassword: null
+      })
+    })
+
+    if (passwordCorrect) {
+      this.setState({
+        enteringCurrentPassword: false,
+        currentPassword: null,
+        enteringNewPassword: true
+      })
+    }
+  }
+
+  render() {
+    return (
+      <View>
+        {!this.state.enteringCurrentPassword &&
+         !this.state.enteringNewPassword &&
+          <TouchableOpacity
+            onPress={() => showBackUpReminder(() => {
+              this.setState({ enteringCurrentPassword: true })
+            })}
+            disabled={this.state.currentPassword}
+            style={styles.settingsButton}>
+            <AppText style={styles.settingsButtonText}>
+              {labels.passwordSettings.changePassword}
+            </AppText>
+          </TouchableOpacity>
+        }
+
+        {this.state.enteringCurrentPassword &&
+          <View>
+            <PasswordField
+              onChangeText={val => {
+                this.setState({
+                  currentPassword: val,
+                  wrongPassword: false
+                })
+              }}
+              value={this.state.currentPassword}
+              placeholder={labels.passwordSettings.enterCurrent}
+            />
+            <TouchableOpacity
+              onPress={() => requestHash('pre-change-pw-check', this.state.currentPassword)}
+              disabled={!this.state.currentPassword}
+              style={styles.settingsButton}>
+              <AppText style={styles.settingsButtonText}>
+                {shared.unlock}
+              </AppText>
+            </TouchableOpacity>
+          </View>
+        }
+
+        {this.state.enteringNewPassword &&
+        <View>
+          <PasswordField
+            style={styles.passwordField}
+            onChangeText={val => {
+              this.setState({
+                newPassword: val
+              })
+            }}
+            value={this.state.changedPassword}
+            placeholder={labels.passwordSettings.enterNew}
+          />
+
+          <TouchableOpacity
+            onPress={() => requestHash('change-pw', this.state.newPassword)}
+            disabled={ !this.state.newPassword }
+            style={styles.settingsButton}>
+            <AppText style={styles.settingsButtonText}>
+              {labels.passwordSettings.changePassword}
+            </AppText>
+          </TouchableOpacity>
+        </View>
+        }
+
+      </View>
+    )
+  }
+}