From c3a431b40c0de2dc368ee3497511f3f8d4cc26c9 Mon Sep 17 00:00:00 2001
From: Akinwale Ariwodola <akinwale@gmail.com>
Date: Fri, 25 Oct 2019 16:26:14 +0100
Subject: [PATCH 1/2] wallet sign in driver

---
 src/component/rewardEnrolment/view.js |  2 +-
 src/component/walletSignIn/index.js   | 19 +++++++++++
 src/component/walletSignIn/view.js    | 47 +++++++++++++++++++++++++++
 src/page/wallet/view.js               | 29 ++++-------------
 src/styles/wallet.js                  | 46 ++++++++++++++++++++++++++
 5 files changed, 119 insertions(+), 24 deletions(-)
 create mode 100644 src/component/walletSignIn/index.js
 create mode 100644 src/component/walletSignIn/view.js

diff --git a/src/component/rewardEnrolment/view.js b/src/component/rewardEnrolment/view.js
index f9e74b0..c4b6457 100644
--- a/src/component/rewardEnrolment/view.js
+++ b/src/component/rewardEnrolment/view.js
@@ -32,7 +32,7 @@ class RewardEnrolment extends React.Component {
     const { fetching, navigation, unclaimedRewardAmount, user } = this.props;
 
     return (
-      <View style={rewardStyle.enrollContainer} onPress>
+      <View style={rewardStyle.enrollContainer}>
         <View style={rewardStyle.summaryRow}>
           <Icon name="award" size={36} color={Colors.White} />
           <Text style={rewardStyle.summaryText}>{unclaimedRewardAmount} available credits</Text>
diff --git a/src/component/walletSignIn/index.js b/src/component/walletSignIn/index.js
new file mode 100644
index 0000000..1872254
--- /dev/null
+++ b/src/component/walletSignIn/index.js
@@ -0,0 +1,19 @@
+import { connect } from 'react-redux';
+import { doToast } from 'lbry-redux';
+import { doSetClientSetting } from 'redux/actions/settings';
+import { selectUser } from 'lbryinc';
+import WalletSignIn from './view';
+
+const select = state => ({
+  user: selectUser(state),
+});
+
+const perform = dispatch => ({
+  notify: data => dispatch(doToast(data)),
+  setClientSetting: (key, value) => dispatch(doSetClientSetting(key, value)),
+});
+
+export default connect(
+  select,
+  perform
+)(WalletSignIn);
diff --git a/src/component/walletSignIn/view.js b/src/component/walletSignIn/view.js
new file mode 100644
index 0000000..ab88549
--- /dev/null
+++ b/src/component/walletSignIn/view.js
@@ -0,0 +1,47 @@
+import React from 'react';
+import { Linking, NativeModules, Text, TouchableOpacity, View } from 'react-native';
+import AsyncStorage from '@react-native-community/async-storage';
+import Button from 'component/button';
+import Constants from 'constants'; // eslint-disable-line node/no-deprecated-api
+import Link from 'component/link';
+import Colors from 'styles/colors';
+import Icon from 'react-native-vector-icons/FontAwesome5';
+import walletStyle from 'styles/wallet';
+
+class WalletSignIn extends React.Component {
+  onContinuePressed = () => {
+    const { navigation, setClientSetting } = this.props;
+    setClientSetting(Constants.SETTING_ALPHA_UNDERSTANDS_RISKS, true);
+  };
+
+  onSignInPressed = () => {
+    const { navigation } = this.props;
+    navigation.navigate({ routeName: 'Verification', key: 'verification', params: { syncFlow: true } });
+  };
+
+  render() {
+    const { navigation, user } = this.props;
+
+    return (
+      <View style={walletStyle.signInContainer}>
+        <View style={walletStyle.signInSummaryRow}>
+          <Text style={walletStyle.signInTitle}>Sign in</Text>
+        </View>
+
+        <View style={walletStyle.onboarding}>
+          <Text style={walletStyle.onboardingText}>
+            An account will allow you to earn rewards and keep your account and settings synced.{'\n\n'}
+            Without an account, you will not receive rewards, sync and backup services, or security updates.{'\n\n'}
+          </Text>
+        </View>
+
+        <View style={walletStyle.buttonRow}>
+          <Link style={walletStyle.continueLink} text={'Continue anyway'} onPress={this.onContinuePressed} />
+          <Button style={walletStyle.signInButton} theme={'light'} text={'Sign in'} onPress={this.onSignInPressed} />
+        </View>
+      </View>
+    );
+  }
+}
+
+export default WalletSignIn;
diff --git a/src/page/wallet/view.js b/src/page/wallet/view.js
index 4c444b7..6ce9ba7 100644
--- a/src/page/wallet/view.js
+++ b/src/page/wallet/view.js
@@ -5,6 +5,7 @@ import WalletAddress from 'component/walletAddress';
 import WalletBalance from 'component/walletBalance';
 import WalletSend from 'component/walletSend';
 import WalletRewardsDriver from 'component/walletRewardsDriver';
+import WalletSignIn from 'component/walletSignIn';
 import WalletSyncDriver from 'component/walletSyncDriver';
 import Button from 'component/button';
 import Link from 'component/link';
@@ -66,33 +67,15 @@ class WalletPage extends React.PureComponent {
       understandsRisks,
       setClientSetting,
       navigation,
+      user,
     } = this.props;
 
-    if (!understandsRisks) {
+    const signedIn = user && user.has_verified_email;
+    if (!signedIn && !understandsRisks) {
       return (
-        <View>
+        <View style={walletStyle.container}>
           <UriBar navigation={navigation} />
-          <View style={walletStyle.warning}>
-            <Text style={walletStyle.warningParagraph}>
-              This is beta software. You may lose any credits that you send to your wallet due to software bugs, deleted
-              files, or malicious third-party software. You should not use this wallet as your primary wallet.
-            </Text>
-            {!hasSyncedWallet && (
-              <Text style={walletStyle.warningParagraph}>
-                Since you are not using the LBRY sync service, you will lose all of your credits if you uninstall this
-                application. Instructions on how to enroll as well as how to backup your wallet manually are available
-                on the next page.
-              </Text>
-            )}
-            <Text style={walletStyle.warningText}>
-              If you understand the risks and you wish to continue, please tap the button below.
-            </Text>
-          </View>
-          <Button
-            text={'I understand the risks'}
-            style={[walletStyle.button, walletStyle.understand]}
-            onPress={() => setClientSetting(Constants.SETTING_ALPHA_UNDERSTANDS_RISKS, true)}
-          />
+          <WalletSignIn navigation={navigation} />
         </View>
       );
     }
diff --git a/src/styles/wallet.js b/src/styles/wallet.js
index fbd7174..da827a3 100644
--- a/src/styles/wallet.js
+++ b/src/styles/wallet.js
@@ -305,6 +305,52 @@ const walletStyle = StyleSheet.create({
     fontSize: 16,
     marginLeft: 8,
   },
+  buttonRow: {
+    width: '100%',
+    position: 'absolute',
+    alignItems: 'center',
+    left: 24,
+    bottom: 24,
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+  },
+  continueLink: {
+    fontSize: 14,
+    fontFamily: 'Inter-UI-Regular',
+    color: Colors.White,
+  },
+  learnMoreLink: {
+    fontFamily: 'Inter-UI-Regular',
+    color: Colors.NextLbryGreen,
+  },
+  signInButton: {
+    backgroundColor: Colors.White,
+    paddingLeft: 16,
+    paddingRight: 16,
+  },
+  signInContainer: {
+    flex: 1,
+    marginTop: 60,
+    padding: 24,
+    backgroundColor: Colors.LbryGreen,
+  },
+  onboarding: {
+    marginTop: 36,
+  },
+  onboardingText: {
+    fontFamily: 'Inter-UI-Regular',
+    fontSize: 18,
+    lineHeight: 28,
+    color: Colors.White,
+  },
+  signInSummaryRow: {
+    flexDirection: 'row',
+  },
+  signInTitle: {
+    color: Colors.White,
+    fontFamily: 'Inter-UI-Regular',
+    fontSize: 28,
+  },
 });
 
 export default walletStyle;
-- 
2.45.2


From 3bb8ee12eb4d23d0b1410b528d5e0b365bfb738e Mon Sep 17 00:00:00 2001
From: Akinwale Ariwodola <akinwale@gmail.com>
Date: Tue, 29 Oct 2019 13:35:22 +0100
Subject: [PATCH 2/2] update copy

---
 src/component/walletSignIn/view.js | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/src/component/walletSignIn/view.js b/src/component/walletSignIn/view.js
index ab88549..d9941ae 100644
--- a/src/component/walletSignIn/view.js
+++ b/src/component/walletSignIn/view.js
@@ -25,19 +25,20 @@ class WalletSignIn extends React.Component {
     return (
       <View style={walletStyle.signInContainer}>
         <View style={walletStyle.signInSummaryRow}>
-          <Text style={walletStyle.signInTitle}>Sign in</Text>
+          <Text style={walletStyle.signInTitle}>Account Recommended</Text>
         </View>
 
         <View style={walletStyle.onboarding}>
           <Text style={walletStyle.onboardingText}>
-            An account will allow you to earn rewards and keep your account and settings synced.{'\n\n'}
-            Without an account, you will not receive rewards, sync and backup services, or security updates.{'\n\n'}
+            An account with LBRY Inc. allows you to earn rewards, backup your wallet, and keep everything synced..
+            {'\n\n'}
+            Without an account, you assume all responsibility for securing your wallet and LBRY data.{'\n\n'}
           </Text>
         </View>
 
         <View style={walletStyle.buttonRow}>
-          <Link style={walletStyle.continueLink} text={'Continue anyway'} onPress={this.onContinuePressed} />
-          <Button style={walletStyle.signInButton} theme={'light'} text={'Sign in'} onPress={this.onSignInPressed} />
+          <Link style={walletStyle.continueLink} text={'Skip Account'} onPress={this.onContinuePressed} />
+          <Button style={walletStyle.signInButton} theme={'light'} text={'Sign Up'} onPress={this.onSignInPressed} />
         </View>
       </View>
     );
-- 
2.45.2