From 0539e4fd671cf626f8d512943dcdbf4d77874608 Mon Sep 17 00:00:00 2001
From: Sean Yesmunt <sean@lbry.io>
Date: Thu, 31 Oct 2019 14:00:33 -0400
Subject: [PATCH] add rewards sign in on web

---
 src/ui/page/rewards/view.jsx | 20 +++++++++-----------
 1 file changed, 9 insertions(+), 11 deletions(-)

diff --git a/src/ui/page/rewards/view.jsx b/src/ui/page/rewards/view.jsx
index 79e7d17b4..dde6b7c4e 100644
--- a/src/ui/page/rewards/view.jsx
+++ b/src/ui/page/rewards/view.jsx
@@ -6,6 +6,7 @@ import RewardListClaimed from 'component/rewardListClaimed';
 import RewardTile from 'component/rewardTile';
 import Button from 'component/button';
 import Page from 'component/page';
+import Card from 'component/common/card';
 import classnames from 'classnames';
 import { rewards as REWARD_TYPES } from 'lbryinc';
 
@@ -38,22 +39,19 @@ class RewardsPage extends PureComponent<Props> {
     if (user && !user.is_reward_approved && rewardsEnabled) {
       if (!user.primary_email || !user.has_verified_email || !user.is_identity_verified) {
         return (
-          !IS_WEB && (
-            <section className="card card--section">
-              <h2 className="card__title">{__('Sign In To Unlock Rewards')}</h2>
-              <p className="card__subtitle">
-                {__(
-                  'This is optional. You can continue to use this app without rewards, but LBC may be needed for some tasks.'
-                )}
-              </p>
-
+          <Card
+            title={__('Sign In To Unlock Rewards')}
+            subtitle={__(
+              'This is optional. You can continue to use this app without rewards, but LBC may be needed for some tasks.'
+            )}
+            actions={
               <Button
                 navigate={`/$/${PAGES.AUTH}?redirect=/$/${PAGES.REWARDS}`}
                 button="primary"
                 label={__('Unlock Rewards')}
               />
-            </section>
-          )
+            }
+          />
         );
       }
       return (