From 34b318754ff890a2873d3072fecae4c63b2d0303 Mon Sep 17 00:00:00 2001
From: Sean Yesmunt <sean@lbry.io>
Date: Thu, 3 Oct 2019 13:36:35 -0400
Subject: [PATCH] moar cleanup

---
 src/ui/component/common/help-link.jsx   | 13 +++++++++++++
 src/ui/component/userEmailNew/view.jsx  |  2 +-
 src/ui/component/walletBalance/view.jsx | 24 +++++-------------------
 src/ui/page/channel/view.jsx            |  2 ++
 src/ui/page/file/view.jsx               |  2 ++
 src/ui/page/settings/view.jsx           | 15 +++++++++++++--
 src/ui/redux/actions/app.js             |  4 ++++
 src/ui/scss/component/_icon.scss        |  8 ++++++++
 static/app-strings.json                 |  6 +++++-
 9 files changed, 53 insertions(+), 23 deletions(-)
 create mode 100644 src/ui/component/common/help-link.jsx

diff --git a/src/ui/component/common/help-link.jsx b/src/ui/component/common/help-link.jsx
new file mode 100644
index 000000000..867288f1e
--- /dev/null
+++ b/src/ui/component/common/help-link.jsx
@@ -0,0 +1,13 @@
+// @flow
+import * as ICONS from 'constants/icons';
+import React from 'react';
+import Button from 'component/button';
+
+type Props = {
+  href: string,
+};
+
+export default function HelpLink(props: Props) {
+  const { href } = props;
+  return <Button className="icon--help" icon={ICONS.HELP} description={__('Help')} href={href} />;
+}
diff --git a/src/ui/component/userEmailNew/view.jsx b/src/ui/component/userEmailNew/view.jsx
index b1bd4f185..d964641a9 100644
--- a/src/ui/component/userEmailNew/view.jsx
+++ b/src/ui/component/userEmailNew/view.jsx
@@ -57,7 +57,7 @@ function UserEmailNew(props: Props) {
         <div className="section">
           <FormField
             type="checkbox"
-            name="sync_checkbox"
+            name="age_checkbox"
             label={
               <I18nMessage
                 tokens={{
diff --git a/src/ui/component/walletBalance/view.jsx b/src/ui/component/walletBalance/view.jsx
index eaa17472b..99d4e85ab 100644
--- a/src/ui/component/walletBalance/view.jsx
+++ b/src/ui/component/walletBalance/view.jsx
@@ -12,12 +12,10 @@ type Props = {
   claimsBalance: number,
   supportsBalance: number,
   tipsBalance: number,
-  rewards: Array<Reward>,
 };
 
 const WalletBalance = (props: Props) => {
-  const { balance, claimsBalance, supportsBalance, tipsBalance, rewards } = props;
-  const rewardTotal = rewards.reduce((acc, val) => acc + val.reward_amount, 0);
+  const { balance, claimsBalance, supportsBalance, tipsBalance } = props;
 
   return (
     <React.Fragment>
@@ -29,24 +27,12 @@ const WalletBalance = (props: Props) => {
           </span>
 
           <div className="section__actions">
-            <Button button="inverse" label={__('Send Credits')} navigate={`$/${PAGES.WALLET_SEND}`} />
+            <Button button="inverse" icon={ICONS.SEND} label={__('Send Credits')} navigate={`$/${PAGES.WALLET_SEND}`} />
             <Button button="inverse" label={__('Your Address')} navigate={`$/${PAGES.WALLET_RECEIVE}`} />
           </div>
         </div>
 
         <div>
-          <div className="section">
-            <div className="section__flex">
-              <Icon sectionIcon icon={ICONS.FEATURED} />
-              <h2 className="section__title--small">
-                <strong>
-                  <CreditAmount badge={false} amount={rewardTotal} precision={8} />
-                </strong>{' '}
-                {__('Earned From Rewards')}
-              </h2>
-            </div>
-          </div>
-
           <div className="section">
             <div className="section__flex">
               <Icon sectionIcon icon={ICONS.TIP} />
@@ -54,7 +40,7 @@ const WalletBalance = (props: Props) => {
                 <strong>
                   <CreditAmount badge={false} amount={tipsBalance} precision={8} />
                 </strong>{' '}
-                {__('Earned From Tips')}
+                {__('Earned and bound in tips')}
               </h2>
             </div>
           </div>
@@ -68,12 +54,12 @@ const WalletBalance = (props: Props) => {
                 </h2>
                 <div className="section__subtitle">
                   <dl>
-                    <dt>{__('Your Publishes')}</dt>
+                    <dt>{__('... in your publishes')}</dt>
                     <dd>
                       <CreditAmount badge={false} amount={claimsBalance} precision={8} />
                     </dd>
 
-                    <dt>{__('Your Supports')}</dt>
+                    <dt>{__('... in your supports')}</dt>
                     <dd>
                       <CreditAmount badge={false} amount={supportsBalance} precision={8} />
                     </dd>
diff --git a/src/ui/page/channel/view.jsx b/src/ui/page/channel/view.jsx
index 30550e018..edfcb0935 100644
--- a/src/ui/page/channel/view.jsx
+++ b/src/ui/page/channel/view.jsx
@@ -20,6 +20,7 @@ import * as MODALS from 'constants/modal_types';
 import { Form, FormField } from 'component/common/form';
 import ClaimPreview from 'component/claimPreview';
 import Icon from 'component/common/icon';
+import HelpLink from 'component/common/help-link';
 
 const PAGE_VIEW_QUERY = `view`;
 const ABOUT_PAGE = `about`;
@@ -190,6 +191,7 @@ function ChannelPage(props: Props) {
               <ClaimUri uri={uri} />
               <span>
                 {subCount} {subCount !== 1 ? __('Subscribers') : __('Subscriber')}
+                <HelpLink href="https://lbry.com/faq/views" />
               </span>
             </div>
           </div>
diff --git a/src/ui/page/file/view.jsx b/src/ui/page/file/view.jsx
index 277fd1911..3fe2d8aee 100644
--- a/src/ui/page/file/view.jsx
+++ b/src/ui/page/file/view.jsx
@@ -18,6 +18,7 @@ import CommentsList from 'component/commentsList';
 import CommentCreate from 'component/commentCreate';
 import ClaimUri from 'component/claimUri';
 import ClaimPreview from 'component/claimPreview';
+import HelpLink from 'component/common/help-link';
 
 export const FILE_WRAPPER_CLASS = 'grid-area--content';
 
@@ -161,6 +162,7 @@ class FilePage extends React.Component<Props> {
                 <DateTime uri={uri} show={DateTime.SHOW_DATE} />
                 <span>
                   {viewCount} {viewCount !== 1 ? __('Views') : __('View')}
+                  <HelpLink href="https://lbry.com/faq/views" />
                 </span>
               </div>
 
diff --git a/src/ui/page/settings/view.jsx b/src/ui/page/settings/view.jsx
index 9848d5820..5a8351096 100644
--- a/src/ui/page/settings/view.jsx
+++ b/src/ui/page/settings/view.jsx
@@ -511,6 +511,7 @@ class SettingsPage extends React.PureComponent<Props, State> {
                 <React.Fragment>
                   {/* @if TARGET='app' */}
                   <FormField
+                    disabled
                     type="checkbox"
                     name="encrypt_wallet"
                     onChange={() => this.onChangeEncryptWallet()}
@@ -518,9 +519,19 @@ class SettingsPage extends React.PureComponent<Props, State> {
                     label={__('Encrypt my wallet with a custom password')}
                     helper={
                       <React.Fragment>
-                        {__('Secure your local wallet data with a custom password.')}{' '}
+                        <I18nMessage
+                          tokens={{
+                            learn_more: (
+                              <Button button="link" label={__('Learn more')} href="https://lbry.com/faq/account-sync" />
+                            ),
+                          }}
+                        >
+                          Wallet encryption is currently unavailable until it's supported for synced accounts. It will
+                          be added back soon. %learn_more%
+                        </I18nMessage>
+                        {/* {__('Secure your local wallet data with a custom password.')}{' '}
                         <strong>{__('Lost passwords cannot be recovered.')} </strong>
-                        <Button button="link" label={__('Learn more')} href="https://lbry.com/faq/wallet-encryption" />.
+                        <Button button="link" label={__('Learn more')} href="https://lbry.com/faq/wallet-encryption" />. */}
                       </React.Fragment>
                     }
                   />
diff --git a/src/ui/redux/actions/app.js b/src/ui/redux/actions/app.js
index 349e31da2..c6cd36d2c 100644
--- a/src/ui/redux/actions/app.js
+++ b/src/ui/redux/actions/app.js
@@ -467,6 +467,10 @@ export function doSignIn() {
     // For existing users, check if they've synced before, or have 0 balance
     if (syncEnabled && (syncHash || balance === 0)) {
       dispatch(doGetSync());
+
+      setInterval(() => {
+        dispatch(doGetSync());
+      }, 1000 * 60 * 5);
     }
     // @endif
 
diff --git a/src/ui/scss/component/_icon.scss b/src/ui/scss/component/_icon.scss
index 7b973b7a0..8f54c0214 100644
--- a/src/ui/scss/component/_icon.scss
+++ b/src/ui/scss/component/_icon.scss
@@ -20,3 +20,11 @@
     background-color: var(--color-card-actions--dark);
   }
 }
+
+.icon--help {
+  margin-left: var(--spacing-small);
+  bottom: -0.3rem;
+  opacity: 0.7;
+  height: 1rem;
+  width: 1rem;
+}
diff --git a/static/app-strings.json b/static/app-strings.json
index 887025ecd..a78205d5a 100644
--- a/static/app-strings.json
+++ b/static/app-strings.json
@@ -818,5 +818,9 @@
   "You aren’t blocking any channels": "You aren’t blocking any channels",
   "When you block a channel, all content from that channel will be hidden.": "When you block a channel, all content from that channel will be hidden.",
   "dfsdfsdf": "dfsdfsdf",
-  "Light": "Light"
+  "Light": "Light",
+  "Wallet encryption is currently unavailable until it's supported for synced accounts. It will be added back soon. %learn_more%": "Wallet encryption is currently unavailable until it's supported for synced accounts. It will be added back soon. %learn_more%",
+  "... in your publishes": "... in your publishes",
+  "... in your supports": "... in your supports",
+  "Earned and bound in tips": "Earned and bound in tips"
 }
\ No newline at end of file