diff --git a/components/password-prompt.js b/components/password-prompt.js index ca1676d0301437d135edb68dfe8a8f997dde82cc..908bc6848afad2d3277b3fca694ef43020fa6755 100644 --- a/components/password-prompt.js +++ b/components/password-prompt.js @@ -1,10 +1,11 @@ import React, { Component } from 'react' -import { View, TextInput, TouchableOpacity, Alert, Image } from 'react-native' +import { View, TextInput, TouchableOpacity, Alert } from 'react-native' import nodejs from 'nodejs-mobile-react-native' import { saveEncryptionFlag } from '../local-storage' import AppText from './app-text' +import Header from './header' import styles from '../styles' -import { passwordPrompt as labels, shared } from '../i18n/en/labels' +import { passwordPrompt as labels, shared, menuTitles } from '../i18n/en/labels' import { requestHash, deleteDbAndOpenNew, openDb } from '../db' export default class PasswordPrompt extends Component { @@ -87,12 +88,10 @@ export default class PasswordPrompt extends Component { render() { return ( <View flex={1}> + <Header title={menuTitles.PasswordPrompt.toLowerCase()} /> {this.state.showPasswordPrompt && <View style={styles.passwordPromptPage}> - <Image - source={require('../assets/drip_small.png')} - style={styles.passwordPromptImage} - /> + <TextInput onChangeText={val => this.setState({ password: val })} style={styles.passwordPromptField} diff --git a/i18n/en/labels.js b/i18n/en/labels.js index 5ba32f7bd2f3764376044aaa54c45cb814f929e4..9443ae39b9df3e9baf4fc8a80de59d2e409c07a3 100644 --- a/i18n/en/labels.js +++ b/i18n/en/labels.js @@ -50,6 +50,7 @@ export const menuTitles = { Chart: 'Chart', Stats: 'Stats', Settings: 'Settings', + PasswordPrompt: 'Drip' } export const stats = { diff --git a/styles/index.js b/styles/index.js index 2ef7ebeb43643f2e1e6f9003aa52406721223df2..c8e2a494c6a621f7bd50718f52568faefbb3684b 100644 --- a/styles/index.js +++ b/styles/index.js @@ -401,6 +401,8 @@ export default StyleSheet.create({ }, passwordPromptPage: { padding: 30, + flex: 1, + justifyContent: 'center', alignItems: 'center' }, passwordPromptField: {