From 6304d6b4b9b7346e36943fb9d870dd6975424b07 Mon Sep 17 00:00:00 2001
From: Jeremy Kauffman <kauffj@gmail.com>
Date: Wed, 2 Aug 2017 19:37:38 -0400
Subject: [PATCH] improve confirm identity flow

---
 CHANGELOG.md                        |  3 ++-
 ui/js/component/userVerify/index.js |  2 ++
 ui/js/component/userVerify/view.jsx | 21 +++++++++++----------
 3 files changed, 15 insertions(+), 11 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 760787fae..637507ac3 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -12,7 +12,8 @@ Web UI version numbers should always match the corresponding version of LBRY App
   * New flow for rewards authentication failure
 
 ### Changed
-  * Reward-eligible content icon is now a rocket ship :D
+  * Make it clearer how to skip identity verification and add link to FAQ
+  * Reward-eligible content icon is now a rocket ship :D :D :D
   * Improved flow for when app is run with incompatible daemon
   *
 
diff --git a/ui/js/component/userVerify/index.js b/ui/js/component/userVerify/index.js
index 18d29c34f..1d48bfbbe 100644
--- a/ui/js/component/userVerify/index.js
+++ b/ui/js/component/userVerify/index.js
@@ -1,5 +1,6 @@
 import React from "react";
 import { connect } from "react-redux";
+import { doNavigate } from "actions/app";
 import { doUserIdentityVerify } from "actions/user";
 import rewards from "rewards";
 import { makeSelectRewardByType } from "selectors/rewards";
@@ -20,6 +21,7 @@ const select = (state, props) => {
 };
 
 const perform = dispatch => ({
+  navigate: (uri) => dispatch(doNavigate(uri)),
   verifyUserIdentity: token => dispatch(doUserIdentityVerify(token)),
 });
 
diff --git a/ui/js/component/userVerify/view.jsx b/ui/js/component/userVerify/view.jsx
index 7c9012aef..ddfc18278 100644
--- a/ui/js/component/userVerify/view.jsx
+++ b/ui/js/component/userVerify/view.jsx
@@ -1,5 +1,6 @@
 import React from "react";
 import { CreditAmount } from "component/common";
+import Link from "component/link";
 import CardVerify from "component/cardVerify";
 
 class UserVerify extends React.PureComponent {
@@ -22,26 +23,26 @@ class UserVerify extends React.PureComponent {
   }
 
   render() {
-    const { errorMessage, isPending, reward } = this.props;
+    const { errorMessage, isPending, navigate } = this.props;
     return (
       <div>
         <p>
           {__(
-            "To ensure you are a real and unique person, you must link a valid credit or debit card."
-          )}
-        </p>
-        <p>
-          {__(
-            "A small authorization, but no actual charge, will be run on this card."
-          )}
+            "To ensure you are a real person, we require a valid credit or debit card."
+          ) + " " + __("There is no charge at all, now or in the future.") + " " }
+          <Link href="https://lbry.io/faq/identity-requirements" label={__("Read More")} />
         </p>
         {errorMessage && <p className="form-field__error">{errorMessage}</p>}
-        <CardVerify
+        <p><CardVerify
           label={__("Link Card and Finish")}
           disabled={isPending}
           token={this.onToken.bind(this)}
           stripeKey="pk_live_e8M4dRNnCCbmpZzduEUZBgJO"
-        />
+        /></p>
+        <p>
+          {__("You can continue without this step, but you will not be eligible to earn rewards.")}
+        </p>
+        <Link onClick={() => navigate("/discover")} button="alt" label={__("Skip Rewards")} />
       </div>
     );
   }