diff --git a/assets/drip_small.png b/assets/drip_small.png new file mode 100644 index 0000000..abdcde1 Binary files /dev/null and b/assets/drip_small.png differ diff --git a/components/labels.js b/components/labels.js index 8c5d427..1c90f88 100644 --- a/components/labels.js +++ b/components/labels.js @@ -106,6 +106,6 @@ export const bleedingPrediction = { } export const passwordPrompt = { - title: 'Log in', + title: 'Unlock app', enterPassword: 'Enter password here' } \ No newline at end of file diff --git a/components/password-prompt.js b/components/password-prompt.js index 85bed6b..7351689 100644 --- a/components/password-prompt.js +++ b/components/password-prompt.js @@ -1,5 +1,5 @@ import React, { Component } from 'react' -import { View, TextInput, TouchableOpacity, Alert } from 'react-native' +import { View, TextInput, TouchableOpacity, Alert, Image } from 'react-native' import nodejs from 'nodejs-mobile-react-native' import { AppText } from './app-text' import { hasEncryptionObservable } from '../local-storage' @@ -55,33 +55,37 @@ export default class PasswordPrompt extends Component { render() { return ( - + {this.state.showPasswordPrompt && - + + this.setState({ password: val })} - style={styles.passwordField} + style={styles.passwordPromptField} secureTextEntry={true} placeholder={passwordPrompt.enterPassword} /> { requestHash(this.state.password) }} > - + {passwordPrompt.title} { await deleteDbAndOpenNew() this.setState({ showApp: true }) }} > - + {'Delete old db and make unencrypted new'} diff --git a/styles/index.js b/styles/index.js index 00b958d..82c6e71 100644 --- a/styles/index.js +++ b/styles/index.js @@ -170,7 +170,7 @@ export default StyleSheet.create({ backgroundColor: secondaryColor, padding: 10, alignItems: 'center', - margin: 10 + margin: 10, }, settingsButtonText: { color: fontOnPrimaryColor @@ -251,16 +251,37 @@ export default StyleSheet.create({ marginTop: 1 }, passwordField: { - backgroundColor: 'white', padding: 10, marginTop: 10, - marginHorizontal: 10 + marginHorizontal: 10, + backgroundColor: 'white' + }, + passwordPromptPage: { + padding: 30, + alignItems: 'center' + }, + passwordPromptField: { + padding: 10, + marginTop: 10, + marginHorizontal: 10, + borderBottomWidth: 3, + borderBottomColor: primaryColor, + width: '100%', + fontSize: 20, + marginVertical: 20 + }, + passwordPromptButton: { + backgroundColor: secondaryColor, + padding: 10, + alignItems: 'center', + margin: 10, + width: '100%', + borderRadius: 10 + }, + passwordPromptButtonText: { + color: fontOnPrimaryColor, + fontSize: 20 }, - passwordPrompt: { - backgroundColor: 'lightgrey', - flex: 1, - padding: 30 - } }) export const iconStyles = {