lbry.tv minor edits

Change copy + add unsupported message on Rewards/Transactions.

src/ui/component/firstRun/view.jsx

@@ -62,7 +62,7 @@ export default class FirstRun extends PureComponent<Props> {
         <p>{__('Thanks for trying out lbry.tv')}</p>
         <p>
           {__(
-            "Some things still don't work they way they are supposed to, but we are working hard to make that better."
+            'Some features are only available on our desktop app. We are working hard to add them here. Check back later or download the app.'
           )}
         </p>
       </React.Fragment>

src/ui/page/help/view.jsx

@@ -2,6 +2,7 @@
 // @flow
 import * as icons from 'constants/icons';
 import * as React from 'react';
+import classnames from 'classnames';
 // @if TARGET='app'
 import { shell } from 'electron';
 // @endif
@@ -160,8 +161,35 @@ class HelpPage extends React.PureComponent<Props, State> {
             </div>
           </div>
         </section>
-
         <section className="card card--section">
+          <header className="card__header">
+            <h2 className="card__title">{__('Report a Bug or Suggest a New Feature')}</h2>
+
+            <p className="card__subtitle">
+              {__('Did you find something wrong? Think LBRY could add something useful and cool?')}{' '}
+              <Button button="link" label={__('Learn more')} href="https://lbry.com/faq/support" />.
+            </p>
+          </header>
+
+          <div className="card__content">
+            <div className="card__actions">
+              <Button
+                navigate="/$/report"
+                label={__('Submit a Bug Report/Feature Request')}
+                icon={icons.REPORT}
+                button="primary"
+              />
+            </div>
+
+            <div className="card__meta">{__('Thanks! LBRY is made by its users.')}</div>
+          </div>
+        </section>
+
+        <section
+          className={classnames('card card--section', {
+            'card--disabled': IS_WEB,
+          })}
+        >
           <header className="card__header">
             <h2 className="card__title">{__('View your Log')}</h2>
 
@@ -187,31 +215,11 @@ class HelpPage extends React.PureComponent<Props, State> {
           </div>
         </section>
 
-        <section className="card card--section">
-          <header className="card__header">
-            <h2 className="card__title">{__('Report a Bug or Suggest a New Feature')}</h2>
-
-            <p className="card__subtitle">
-              {__('Did you find something wrong? Think LBRY could add something useful and cool?')}{' '}
-              <Button button="link" label={__('Learn more')} href="https://lbry.com/faq/support" />.
-            </p>
-          </header>
-
-          <div className="card__content">
-            <div className="card__actions">
-              <Button
-                navigate="/$/report"
-                label={__('Submit a Bug Report/Feature Request')}
-                icon={icons.REPORT}
-                button="primary"
-              />
-            </div>
-
-            <div className="card__meta">{__('Thanks! LBRY is made by its users.')}</div>
-          </div>
-        </section>
-
-        <section className="card card--section">
+        <section
+          className={classnames('card card--section', {
+            'card--disabled': IS_WEB,
+          })}
+        >
           <header className="card__header">
             <h2 className="card__title">{__('About')}</h2>
 

src/ui/page/rewards/view.jsx

@@ -8,6 +8,7 @@ import Page from 'component/page';
 import classnames from 'classnames';
 import type { Reward } from 'types/reward';
 import { rewards as REWARD_TYPES } from 'lbryinc';
+import UnsupportedOnWeb from 'component/common/unsupported-on-web';
 
 type Props = {
   doAuth: () => void,
@@ -32,19 +33,25 @@ class RewardsPage extends PureComponent<Props> {
     if (user && !user.is_reward_approved && daemonSettings && daemonSettings.share_usage_data) {
       if (!user.primary_email || !user.has_verified_email || !user.is_identity_verified) {
         return (
-          <section className="card card--section">
-            <header className="card__header">
-              <h2 className="card__title">{__('Humans Only')}</h2>
-              <p className="card__subtitle">
-                {__('Rewards are for human beings only.')}{' '}
-                {__("You'll have to prove you're one of us before you can claim any rewards.")}
-              </p>
-            </header>
+          !IS_WEB && (
+            <section className="card card--section">
+              <header className="card__header">
+                <h2 className="card__title">{__('Humans Only')}</h2>
+                <p className="card__subtitle">
+                  {__('Rewards are for human beings only.')}{' '}
+                  {__("You'll have to prove you're one of us before you can claim any rewards.")}
+                </p>
+              </header>
 
-            <div className="card__content">
-              <Button navigate="/$/auth?redirect=rewards" button="primary" label="Prove Humanity" />
-            </div>
-          </section>
+              <div className="card__content">
+                <Button
+                  navigate="/$/auth?redirect=rewards"
+                  button="primary"
+                  label="Prove Humanity"
+                />
+              </div>
+            </section>
+          )
         );
       }
       return (
@@ -131,8 +138,8 @@ class RewardsPage extends PureComponent<Props> {
             <p className="card__content">
               {claimed && claimed.length
                 ? __(
-                  "You have claimed all available rewards! We're regularly adding more so be sure to check back later."
-                )
+                    "You have claimed all available rewards! We're regularly adding more so be sure to check back later."
+                  )
                 : __('There are no rewards available at this time, please check back later.')}
             </p>
           </section>
@@ -162,6 +169,7 @@ class RewardsPage extends PureComponent<Props> {
   render() {
     return (
       <Page>
+        {IS_WEB && <UnsupportedOnWeb />}
         {this.renderPageHeader()}
         {this.renderUnclaimedRewards()}
         {<RewardListClaimed />}

src/ui/page/settings/view.jsx

@@ -155,7 +155,7 @@ class SettingsPage extends React.PureComponent<Props, State> {
             <div className="card__title">{__('Failed to load settings.')}</div>
           </section>
         ) : (
-          <div className={classnames({ 'card--disabled': IS_WEB })}>
+          <div className={classnames({ 'card--hidden': IS_WEB })}>
             <section className="card card--section">
               <header className="card__header">
                 <h2 className="card__title">{__('Download Directory')}</h2>

src/ui/page/transactionHistory/view.jsx

@@ -1,9 +1,11 @@
 // @flow
 import React from 'react';
+import classnames from 'classnames';
 import BusyIndicator from 'component/common/busy-indicator';
 import TransactionList from 'component/transactionList';
 import Page from 'component/page';
 import RefreshTransactionButton from 'component/transactionRefreshButton';
+import UnsupportedOnWeb from 'component/common/unsupported-on-web';
 
 type Props = {
   fetchMyClaims: () => void,
@@ -25,7 +27,12 @@ class TransactionHistoryPage extends React.PureComponent<Props> {
 
     return (
       <Page>
-        <section className="card card--section">
+        {IS_WEB && <UnsupportedOnWeb />}
+        <section
+          className={classnames('card card--section', {
+            'card--disabled': IS_WEB,
+          })}
+        >
           <header className="card__header card__header--flat">
             <h2 className="card__title card__title--flex-between ">
               {__('Transaction History')}