Add wrapper for password screen and logged-in app

components/app-wrapper.js

@@ -0,0 +1,26 @@
+import React, { Component } from 'react'
+import { View } from 'react-native'
+import nodejs from 'nodejs-mobile-react-native'
+import App from './app'
+import PasswordPrompt from './password-prompt'
+
+export default class AppWrapper extends Component {
+  constructor() {
+    super()
+    this.state = {}
+    nodejs.start('main.js')
+  }
+  render() {
+    return (
+      <View style={{ flex: 1 }}>
+        {this.state.showApp ?
+          <App/>
+          :
+          <PasswordPrompt
+            onCorrectPassword={() => this.setState({showApp: true})}
+          />
+        }
+      </View>
+    )
+  }
+}

components/password-prompt.js

@@ -5,25 +5,25 @@ import { AppText } from './app-text'
 import { hasEncryptionObservable } from '../local-storage'
 import styles from '../styles'
 import { passwordPrompt, shared } from './labels'
-import { openDbConnection, requestHash, deleteDbAndOpenNew, openDb } from '../db'
+import { requestHash, deleteDbAndOpenNew, openDb } from '../db'
-import App from './app'
 
 export default class PasswordPrompt extends Component {
-  constructor() {
+  constructor(props) {
-    super()
+    super(props)
     this.state = {
       password: null
     }
-    hasEncryptionObservable.once((hasEncryption) => {
+    hasEncryptionObservable.once(async hasEncryption => {
+      hasEncryption = JSON.parse(hasEncryption)
       if (hasEncryption) {
         this.setState({showPasswordPrompt: true})
       } else {
-        openDbConnection('something-wrong')
+        await openDb({persistConnection: true})
-        this.setState({showApp: true})
+        console.log(this.props)
+        this.props.onCorrectPassword()
       }
     })
 
-    nodejs.start('main.js')
     nodejs.channel.addListener(
       'message',
       this.passHashToDb,
@@ -35,8 +35,8 @@ export default class PasswordPrompt extends Component {
     msg = JSON.parse(msg)
     if (msg.type != 'sha512') return
     try {
+      console.log('password prompt opening db')
       await openDb({hash: msg.message, persistConnection: true })
-      this.setState({ showApp: true })
     } catch (err) {
       Alert.alert(
         shared.incorrectPassword,
@@ -46,7 +46,9 @@ export default class PasswordPrompt extends Component {
           onPress: () => this.setState({password: null})
         }]
       )
+      return
     }
+    this.setState({ showApp: true })
   }
 
   componentWillUnmount() {
@@ -55,15 +57,11 @@ export default class PasswordPrompt extends Component {
 
   render() {
     return (
-      <View style={{ flex: 1 }}>
-        {this.state.showApp ?
-          <App password={this.state.password}/>
-          :
       <View style={styles.passwordPrompt}>
         {this.state.showPasswordPrompt &&
           <View>
             <TextInput
-                  onChangeText={val => this.setState({password: val})}
+              onChangeText={val => this.setState({ password: val })}
               style={styles.passwordField}
             />
             <TouchableOpacity
@@ -73,14 +71,14 @@ export default class PasswordPrompt extends Component {
               }}
             >
               <AppText style={styles.settingsButtonText}>
-                    { passwordPrompt.title }
+                {passwordPrompt.title}
               </AppText>
             </TouchableOpacity>
             <TouchableOpacity
               style={styles.settingsButton}
               onPress={async () => {
                 await deleteDbAndOpenNew()
-                    this.setState({showApp: true})
+                this.setState({ showApp: true })
               }}
             >
               <AppText style={styles.settingsButtonText}>
@@ -90,8 +88,6 @@ export default class PasswordPrompt extends Component {
           </View>
         }
       </View>
-        }
-      </View>
     )
   }
 }

index.js

@@ -1,4 +1,4 @@
 import { AppRegistry } from 'react-native'
-import PasswordPrompt from './components/password-prompt'
+import AppWrapper from './components/app-wrapper'
 
-AppRegistry.registerComponent('home', () => PasswordPrompt)
+AppRegistry.registerComponent('home', () => AppWrapper)