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,50 @@
+import React, { Component } from 'react'
+import { View } from 'react-native'
+import CreatePassword from './create'
+import ChangePassword from './update'
+import DeletePassword from './delete'
+import { AppText } from '../../app-text'
+import {
+  hasEncryptionObservable
+} from '../../../local-storage'
+import styles from '../../../styles/index'
+import { settings as labels } from '../../labels'
+
+export default class PasswordSetting extends Component {
+  constructor(props) {
+    super(props)
+    this.state = {
+      showUpdateAndDelete: hasEncryptionObservable.value,
+      showCreate: !hasEncryptionObservable.value
+    }
+  }
+
+  render() {
+    return (
+      <View style={styles.settingsSegment}>
+
+        <AppText style={styles.settingsSegmentTitle}>
+          {labels.passwordSettings.title}
+        </AppText>
+
+        {this.state.showUpdateAndDelete ?
+          <AppText>{labels.passwordSettings.explainerEnabled}</AppText>
+          :
+          <AppText>{labels.passwordSettings.explainerDisabled}</AppText>
+        }
+
+        {this.state.showUpdateAndDelete &&
+          <View>
+            <ChangePassword/>
+            <DeletePassword/>
+          </View>
+        }
+
+        {this.state.showCreate &&
+          <CreatePassword/>
+        }
+
+      </View>
+    )
+  }
+}