diff --git a/src/ui/component/common/help-link.jsx b/src/ui/component/common/help-link.jsx deleted file mode 100644 index 867288f1e..000000000 --- a/src/ui/component/common/help-link.jsx +++ /dev/null @@ -1,13 +0,0 @@ -// @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 d964641a9..b1bd4f185 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="age_checkbox" + name="sync_checkbox" label={ <I18nMessage tokens={{ diff --git a/src/ui/component/walletBalance/view.jsx b/src/ui/component/walletBalance/view.jsx index 99d4e85ab..eaa17472b 100644 --- a/src/ui/component/walletBalance/view.jsx +++ b/src/ui/component/walletBalance/view.jsx @@ -12,10 +12,12 @@ type Props = { claimsBalance: number, supportsBalance: number, tipsBalance: number, + rewards: Array<Reward>, }; const WalletBalance = (props: Props) => { - const { balance, claimsBalance, supportsBalance, tipsBalance } = props; + const { balance, claimsBalance, supportsBalance, tipsBalance, rewards } = props; + const rewardTotal = rewards.reduce((acc, val) => acc + val.reward_amount, 0); return ( <React.Fragment> @@ -27,12 +29,24 @@ const WalletBalance = (props: Props) => { </span> <div className="section__actions"> - <Button button="inverse" icon={ICONS.SEND} label={__('Send Credits')} navigate={`$/${PAGES.WALLET_SEND}`} /> + <Button button="inverse" 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} /> @@ -40,7 +54,7 @@ const WalletBalance = (props: Props) => { <strong> <CreditAmount badge={false} amount={tipsBalance} precision={8} /> </strong>{' '} - {__('Earned and bound in tips')} + {__('Earned From Tips')} </h2> </div> </div> @@ -54,12 +68,12 @@ const WalletBalance = (props: Props) => { </h2> <div className="section__subtitle"> <dl> - <dt>{__('... in your publishes')}</dt> + <dt>{__('Your Publishes')}</dt> <dd> <CreditAmount badge={false} amount={claimsBalance} precision={8} /> </dd> - <dt>{__('... in your supports')}</dt> + <dt>{__('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 edfcb0935..30550e018 100644 --- a/src/ui/page/channel/view.jsx +++ b/src/ui/page/channel/view.jsx @@ -20,7 +20,6 @@ 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`; @@ -191,7 +190,6 @@ 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 3fe2d8aee..277fd1911 100644 --- a/src/ui/page/file/view.jsx +++ b/src/ui/page/file/view.jsx @@ -18,7 +18,6 @@ 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'; @@ -162,7 +161,6 @@ 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 5a8351096..9848d5820 100644 --- a/src/ui/page/settings/view.jsx +++ b/src/ui/page/settings/view.jsx @@ -511,7 +511,6 @@ class SettingsPage extends React.PureComponent<Props, State> { <React.Fragment> {/* @if TARGET='app' */} <FormField - disabled type="checkbox" name="encrypt_wallet" onChange={() => this.onChangeEncryptWallet()} @@ -519,19 +518,9 @@ class SettingsPage extends React.PureComponent<Props, State> { label={__('Encrypt my wallet with a custom password')} helper={ <React.Fragment> - <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.')}{' '} + {__('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 c6cd36d2c..349e31da2 100644 --- a/src/ui/redux/actions/app.js +++ b/src/ui/redux/actions/app.js @@ -467,10 +467,6 @@ 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 8f54c0214..7b973b7a0 100644 --- a/src/ui/scss/component/_icon.scss +++ b/src/ui/scss/component/_icon.scss @@ -20,11 +20,3 @@ 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 a78205d5a..887025ecd 100644 --- a/static/app-strings.json +++ b/static/app-strings.json @@ -818,9 +818,5 @@ "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", - "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" + "Light": "Light" } \ No newline at end of file