From 120c3ca52fa26ee32b0951b6cce3293cc371514a Mon Sep 17 00:00:00 2001
From: Akinwale Ariwodola <akinwale@gmail.com>
Date: Mon, 8 Jul 2019 04:22:02 +0100
Subject: [PATCH] add warning for proceeding with a blank password

---
 app/src/page/firstRun/internal/wallet-page.js         |  9 +++++++++
 .../page/verification/internal/sync-verify-page.js    | 11 +++++++++++
 app/src/styles/colors.js                              |  1 +
 app/src/styles/firstRun.js                            | 10 ++++++++++
 4 files changed, 31 insertions(+)

diff --git a/app/src/page/firstRun/internal/wallet-page.js b/app/src/page/firstRun/internal/wallet-page.js
index 200e13e2..f1b1cfb9 100644
--- a/app/src/page/firstRun/internal/wallet-page.js
+++ b/app/src/page/firstRun/internal/wallet-page.js
@@ -115,6 +115,15 @@ class WalletPage extends React.PureComponent {
               <Icon name={this.state.revealPassword ? 'eye-slash' : 'eye'} size={16} style={firstRunStyle.revealIcon} />
             </TouchableOpacity>
           </View>
+          {(!this.state.password || this.state.password.trim().length === 0) && (
+            <View style={firstRunStyle.passwordWarning}>
+              <Text style={firstRunStyle.passwordWarningText}>
+                {hasSyncedWallet
+                  ? 'If you did not provide a password, please press Use LBRY to continue.'
+                  : 'You can proceed without a password, but this is not recommended.'}
+              </Text>
+            </View>
+          )}
 
           {(!hasSyncedWallet && this.state.password && this.state.password.trim().length) > 0 && (
             <View style={firstRunStyle.passwordStrength}>
diff --git a/app/src/page/verification/internal/sync-verify-page.js b/app/src/page/verification/internal/sync-verify-page.js
index 790ea6e6..c53653bc 100644
--- a/app/src/page/verification/internal/sync-verify-page.js
+++ b/app/src/page/verification/internal/sync-verify-page.js
@@ -134,6 +134,17 @@ class SyncVerifyPage extends React.PureComponent {
               <Icon name={this.state.revealPassword ? 'eye-slash' : 'eye'} size={16} style={firstRunStyle.revealIcon} />
             </TouchableOpacity>
           </View>
+
+          {(!this.state.password || this.state.password.trim().length === 0) && (
+            <View style={firstRunStyle.passwordWarning}>
+              <Text style={firstRunStyle.passwordWarningText}>
+                {hasSyncedWallet
+                  ? 'If you did not provide a password, please press Use LBRY to continue.'
+                  : 'You can proceed without a password, but this is not recommended.'}
+              </Text>
+            </View>
+          )}
+
           {(!hasSyncedWallet && this.state.password && this.state.password.trim().length) > 0 && (
             <View style={firstRunStyle.passwordStrength}>
               <BarPasswordStrengthDisplay
diff --git a/app/src/styles/colors.js b/app/src/styles/colors.js
index 0913e8df..8b6298a2 100644
--- a/app/src/styles/colors.js
+++ b/app/src/styles/colors.js
@@ -12,6 +12,7 @@ const Colors = {
   LighterGrey: '#e5e5e5',
   Orange: '#ffbb00',
   Red: '#ff0000',
+  BrightRed: '#e35454',
   VeryLightGrey: '#f1f1f1',
   White: '#ffffff',
   UriDescBlue: '#3971db',
diff --git a/app/src/styles/firstRun.js b/app/src/styles/firstRun.js
index bcc9fa00..d7531fbb 100644
--- a/app/src/styles/firstRun.js
+++ b/app/src/styles/firstRun.js
@@ -172,6 +172,16 @@ const firstRunStyle = StyleSheet.create({
     marginRight: 32,
     marginBottom: 48,
   },
+  passwordWarning: {
+    marginLeft: 32,
+    marginRight: 32,
+    marginBottom: 24,
+  },
+  passwordWarningText: {
+    color: Colors.BrightRed,
+    fontFamily: 'Inter-UI-Regular',
+    fontSize: 16,
+  },
   centered: {
     alignItems: 'center',
   },