copy changes

static/app-strings.json

@@ -233,9 +233,8 @@
   "Access Token": "Access Token",
   "Backup your LBRY wallet": "Backup your LBRY wallet",
   "Your LBRY Credits, channels, and publishes are controllable by you and only you, via wallet file(s) stored locally on your computer.": "Your LBRY Credits, channels, and publishes are controllable by you and only you, via wallet file(s) stored locally on your computer.",
-  "Currently, there is no automatic wallet backup. If you lose access to these files, you will lose your credits permanently, as well as control of your channels and publishes.": "Currently, there is no automatic wallet backup. If you lose access to these files, you will lose your credits permanently, as well as control of your channels and publishes.",
   "However, it is fairly easy to back up manually. To backup your wallet, make a copy of the folder listed below:": "However, it is fairly easy to back up manually. To backup your wallet, make a copy of the folder listed below:",
-  "Access to these files is equivalent to having access to your credits, channels, and publishes. Keep any copies you make of your wallet in a secure place.": "Access to these files are equivalent to having access to your credits, channels, and publishes. Keep any copies you make of your wallet in a secure place.",
+  "Access to these files is equivalent to having access to your Credits, channels, and publishes. Keep any copies you make of your wallet in a secure place.": "Access to these files are equivalent to having access to your Credits, channels, and publishes. Keep any copies you make of your wallet in a secure place.",
   "see this article": "see this article",
   "A newer version of LBRY is available.": "A newer version of LBRY is available.",
   "Download now!": "Download now!",
@@ -278,7 +277,7 @@
   "You aren't following any tags, try searching for one.": "You aren't following any tags, try searching for one.",
   "Success": "Success",
   "File published": "File published",
-  "Upload something new": "Upload something new",
+  "Upload Something New": "Upload Something New",
   "New thumbnail": "New thumbnail",
   "Follow": "Follow",
   "Claim sequence must be a number.": "Claim sequence must be a number.",
@@ -377,8 +376,8 @@
   "Confirm Tip Unlock": "Confirm Tip Unlock",
   "Confirm Support Revoke": "Confirm Support Revoke",
   "Are you sure you want to remove this support?": "Are you sure you want to remove this support?",
-  "Are you sure you want to unlock these credits?": "Are you sure you want to unlock these credits?",
+  "Are you sure you want to unlock these Credits?": "Are you sure you want to unlock these Credits?",
-  "These credits are permanently yours and can be unlocked at any time. Unlocking them allows you to spend them, but can hurt the performance of your content in lookups and search results. It is recommended you leave tips locked until you need or want to spend them.": "These credits are permanently yours and can be unlocked at any time. Unlocking them allows you to spend them, but can hurt the performance of your content in lookups and search results. It is recommended you leave tips locked until you need or want to spend them.",
+  "These Credits are permanently yours and can be unlocked at any time. Unlocking them allows you to spend them, but can hurt the performance of your content in lookups and search results. It is recommended you leave tips locked until you need or want to spend them.": "These Credits are permanently yours and can be unlocked at any time. Unlocking them allows you to spend them, but can hurt the performance of your content in lookups and search results. It is recommended you leave tips locked until you need or want to spend them.",
   "Mature": "Mature",
   "Show mature content": "Show mature content",
   "Mature content may include nudity, intense sexuality, profanity, or other adult content. By displaying mature content, you are affirming you are of legal age to view mature content in your country or jurisdiction.  ": "Mature content may include nudity, intense sexuality, profanity, or other adult content. By displaying mature content, you are affirming you are of legal age to view mature content in your country or jurisdiction.  ",
@@ -413,7 +412,6 @@
   "Code": "Code",
   "Nothing here": "Nothing here",
   "Upload something and claim this spot!": "Upload something and claim this spot!",
-  "Currently, there is no automatic backup. If you lose access to these files, you will lose your credits, channels, and publishes.": "Currently, there is no automatic backup. If you lose access to these files, you will lose your credits, channels, and publishes.",
   "File Size": "File Size",
   "Starting...": "Starting...",
   "Spin Spin Sugar": "Spin Spin Sugar",
@@ -471,7 +469,7 @@
   "Remember Password": "Remember Password",
   "From": "From",
   "To": "To",
-  "Not enough credits": "Not enough credits",
+  "Not enough Credits": "Not enough Credits",
   "You have %credit_amount% in unclaimed rewards.": "You have %credit_amount% in unclaimed rewards.",
   "In response to a complaint we received under the US Digital Millennium Copyright Act, we have blocked access to this channel from our applications.": "In response to a complaint we received under the US Digital Millennium Copyright Act, we have blocked access to this channel from our applications.",
   "Read More": "Read More",
@@ -486,7 +484,7 @@
   "Live help is available most hours in the %channel% channel of our Discord chat room. Or you can always email us at help@lbry.com.": "Live help is available most hours in the %channel% channel of our Discord chat room. Or you can always email us at help@lbry.com.",
   "Your LBRY Credits, channels, and publishes are controllable by you and only you, via a wallet file stored locally on your computer.": "Your LBRY Credits, channels, and publishes are controllable by you and only you, via a wallet file stored locally on your computer.",
   "However, it is easy to back up manually. To backup your wallet, make a copy of the folder listed below:": "However, it is easy to back up manually. To backup your wallet, make a copy of the folder listed below:",
-  "Access to these files are equivalent to having access to your credits, channels, and publishes. Keep any copies you make of your wallet in a secure place. For more details on backing up and best practices %helpLink%.": "Access to these files are equivalent to having access to your credits, channels, and publishes. Keep any copies you make of your wallet in a secure place. For more details on backing up and best practices %helpLink%.",
+  "Access to these files are equivalent to having access to your Credits, channels, and publishes. Keep any copies you make of your wallet in a secure place. For more details on backing up and best practices %helpLink%.": "Access to these files are equivalent to having access to your Credits, channels, and publishes. Keep any copies you make of your wallet in a secure place. For more details on backing up and best practices %helpLink%.",
   "Your channels": "Your channels",
   "Add Tags": "Add Tags",
   "Available Balance": "Available Balance",
@@ -751,7 +749,7 @@
   "This content requires LBRY Desktop to display.": "This content requires LBRY Desktop to display.",
   "Get the App": "Get the App",
   "Get The App": "Get The App",
-  "You need more credits to purchase this.": "You need more credits to purchase this.",
+  "You need more Credits to purchase this.": "You need more Credits to purchase this.",
   "Open Rewards": "Open Rewards",
   "Read our %referral_faq_link% to learn more about rewards.": "Read our %referral_faq_link% to learn more about rewards.",
   "Recommended ratio is 1:1": "Recommended ratio is 1:1",
@@ -1085,7 +1083,6 @@
   "We will refund no questions asked within 30 days.": "We will refund no questions asked within 30 days.",
   "Buy": "Buy",
   "buy": "buy",
-  "Buy credits": "Buy credits",
   "Country": "Country",
   "Only some countries are eligible at this time. We are working to make this available to everyone.": "Only some countries are eligible at this time. We are working to make this available to everyone.",
   "Select your country": "Select your country",
@@ -1140,7 +1137,6 @@
   "Thanks for the feedback! You help make the app better for everyone.": "Thanks for the feedback! You help make the app better for everyone.",
   "Thanks for the feedback. Mark has been notified and is currently walking over to his computer to work on this.": "Thanks for the feedback. Mark has been notified and is currently walking over to his computer to work on this.",
   "Changelog": "Changelog",
-  "Supporting content requires credits": "Supporting content requires credits",
   "Boost your content": "Boost your content",
   "Send Revocable Support": "Send Revocable Support",
   "Send a %amount% Tip": "Send a %amount% Tip",

ui/component/channelEdit/view.jsx

@@ -238,7 +238,7 @@ function ChannelForm(props: Props) {
         <Tabs>
           <TabList className="tabs__list--channel-page">
             <Tab>{__('General')}</Tab>
-            <Tab>{__('LBRY Credit Details')}</Tab>
+            <Tab>{__('Credit Details')}</Tab>
             <Tab>{__('Tags')}</Tab>
             <Tab>{__('Other')}</Tab>
           </TabList>

ui/component/fileRenderInitiator/view.jsx

@@ -135,7 +135,7 @@ export default function FileRenderInitiator(props: Props) {
         <Nag
           type="helpful"
           inline
-          message={__('You need more credits to purchase this.')}
+          message={__('You need more Credits to purchase this.')}
           actionText={__('Open Rewards')}
           onClick={() => history.push(`/$/${PAGES.REWARDS}`)}
         />

ui/component/nagContinueFirstRun/index.js

@@ -1,7 +1,6 @@
 import { connect } from 'react-redux';
 import { SETTINGS } from 'lbry-redux';
 import { makeSelectClientSetting } from 'redux/selectors/settings';
-import { doSetClientSetting, doSyncClientSettings } from 'redux/actions/settings';
 import UserSignIn from './view';
 
 const select = state => ({
@@ -9,9 +8,4 @@ const select = state => ({
   firstRunStarted: makeSelectClientSetting(SETTINGS.FIRST_RUN_STARTED)(state),
 });
 
-const perform = dispatch => ({
+export default connect(select)(UserSignIn);
-  syncSettings: () => dispatch(doSyncClientSettings()),
-  setClientSetting: (setting, value) => dispatch(doSetClientSetting(setting, value)),
-});
-
-export default connect(select, perform)(UserSignIn);

ui/component/nagContinueFirstRun/view.jsx

@@ -2,7 +2,6 @@
 import * as PAGES from 'constants/pages';
 import React from 'react';
 import Nag from 'component/common/nag';
-import { SETTINGS } from 'lbry-redux';
 import { useHistory } from 'react-router';
 
 type Props = {
@@ -13,18 +12,13 @@ type Props = {
 };
 
 export default function NagContinueFirstRun(props: Props) {
-  const { firstRunStarted, followingAcknowledged, setClientSetting, syncSetttings } = props;
+  const { firstRunStarted, followingAcknowledged } = props;
   const {
     location: { pathname },
     push,
   } = useHistory();
   const isOnFirstRun = pathname.includes(PAGES.AUTH);
 
-  function onClose() {
-    setClientSetting(SETTINGS.FOLLOWING_ACKNOWLEDGED, true);
-    syncSetttings();
-  }
-
   function handleContinue() {
     push(`/$/${PAGES.AUTH}`);
   }
@@ -36,10 +30,9 @@ export default function NagContinueFirstRun(props: Props) {
   return (
     <Nag
       type="helpful"
-      message={__('Do you still want to find creators to follow?')}
+      message={__('Continue setting up your account.')}
-      actionText={__('Continue')}
+      actionText={__('Finish Up')}
       onClick={handleContinue}
-      onClose={onClose}
     />
   );
 }

ui/component/walletBackup/view.jsx

@@ -127,7 +127,7 @@ class WalletBackup extends React.PureComponent<Props, State> {
                   ),
                 }}
               >
-                Access to these files are equivalent to having access to your credits, channels, and publishes. Keep any
+                Access to these files are equivalent to having access to your Credits, channels, and publishes. Keep any
                 copies you make of your wallet in a secure place. For more details on backing up and best practices
                 %helpLink%.
               </I18nMessage>

ui/component/walletSend/view.jsx

@@ -101,7 +101,7 @@ class WalletSend extends React.PureComponent<Props> {
                         (!!values.amount && touched.amount && errors.amount) ||
                         (parseFloat(values.amount) === balance &&
                           __('Decrease amount to account for transaction fee')) ||
-                        (parseFloat(values.amount) > balance && __('Not enough credits'))}
+                        (parseFloat(values.amount) > balance && __('Not enough Credits'))}
                     </span>
                   )}
                 </div>

ui/component/walletSendTip/view.jsx

@@ -90,7 +90,7 @@ function WalletSendTip(props: Props) {
     } else if (tipAmount === balance) {
       tipError = __('Please decrease the amount to account for transaction fees');
     } else if (tipAmount > balance) {
-      tipError = __('Not enough credits');
+      tipError = __('Not enough Credits');
     }
     setTipError(tipError);
   }, [tipAmount, balance, setTipError]);

ui/component/yrblWalletEmpty/view.jsx

@@ -32,7 +32,7 @@ export default function YrblHelp(props: Props) {
             </p>
             <p>
               <I18nMessage tokens={{ lbc: <LbcSymbol /> }}>
-                Never fear though, there are tons of ways to earn %lbc%! You can earn or purchase %lbc%, or you can have
+                Never fear though, there are tons of ways to earn %lbc%. You can earn or purchase %lbc%, or you can have
                 your friends send you some.
               </I18nMessage>
             </p>

ui/modal/modalFirstReward/view.jsx

@@ -22,7 +22,7 @@ class ModalFirstReward extends React.PureComponent<Props> {
               <p>{__("This reward will show in your Wallet in the top right momentarily (if it hasn't already).")}</p>
               <p>
                 {__(
-                  'These credits are used to compensate creators, to publish your own content, and to have say in how the network works.'
+                  'These Credits are used to compensate creators, to publish your own content, and to have say in how the network works.'
                 )}
               </p>
               <p>{__('No need to understand it all just yet! Try watching or publishing something next.')}</p>

ui/modal/modalRevokeClaim/view.jsx

@@ -41,7 +41,7 @@ export default function ModalRevokeClaim(props: Props) {
           <p>{__('Are you sure you want to remove this support?')}</p>
           <p>
             <I18nMessage tokens={{ lbc: <LbcSymbol /> }}>
-              These credits are permanently yours and can be removed at any time. Removing this support will reduce the
+              These Credits are permanently yours and can be removed at any time. Removing this support will reduce the
               claim's discoverability and return the %lbc% to your spendable balance.
             </I18nMessage>
           </p>
@@ -50,10 +50,10 @@ export default function ModalRevokeClaim(props: Props) {
     } else if (type === txnTypes.SUPPORT) {
       return (
         <React.Fragment>
-          <p>{__('Are you sure you want to unlock these credits?')}</p>
+          <p>{__('Are you sure you want to unlock these Credits?')}</p>
           <p>
             {__(
-              'These credits are permanently yours and can be unlocked at any time. Unlocking them allows you to spend them, but can hurt the performance of your content in lookups and search results. It is recommended you leave tips locked until you need or want to spend them.'
+              'These Credits are permanently yours and can be unlocked at any time. Unlocking them allows you to spend them, but can hurt the performance of your content in lookups and search results. It is recommended you leave tips locked until you need or want to spend them.'
             )}
           </p>
         </React.Fragment>

ui/page/buy/view.jsx

@@ -77,7 +77,7 @@ export default function BuyPage(props: Props) {
     }
   }, [url, setUrl, receiveAddress, email]);
 
-  const title = __('Buy credits');
+  const title = __('Buy Credits');
   const subtitle = (
     <I18nMessage
       tokens={{

ui/page/channel/view.jsx

@@ -203,7 +203,7 @@ function ChannelPage(props: Props) {
         <TabList className="tabs__list--channel-page">
           <Tab disabled={editing}>{__('Content')}</Tab>
           <Tab>{editing ? __('Editing Your Channel') : __('About')}</Tab>
-          <Tab disabled={editing}>{__('Comments')}</Tab>
+          <Tab disabled={editing}>{__('Discussion')}</Tab>
         </TabList>
         <TabPanels>
           <TabPanel>

ui/page/channels/view.jsx

@@ -7,6 +7,7 @@ import Button from 'component/button';
 import YoutubeTransferStatus from 'component/youtubeTransferStatus';
 import Spinner from 'component/spinner';
 import Card from 'component/common/card';
+import Yrbl from 'component/yrbl';
 import * as PAGES from 'constants/pages';
 
 type Props = {
@@ -54,22 +55,19 @@ export default function ChannelsPage(props: Props) {
         <React.Fragment>
           {!fetchingChannels ? (
             <section className="main--empty">
-              <div className=" section--small">
+              <Yrbl
-                <h2 className="section__title--large">{__('No channels created yet')}</h2>
+                title={__('No channels')}
-
+                subtitle={__("You haven't created a channel yet. All of your beautiful channels will be listed here!")}
-                <div className="section__actions">
+                actions={
-                  <Button button="primary" label={__('New Channel')} navigate={`/$/${PAGES.CHANNEL_NEW}`} />
+                  <div className="section__actions">
-                </div>
+                    <Button button="primary" label={__('New Channel')} navigate={`/$/${PAGES.CHANNEL_NEW}`} />
-              </div>
+                  </div>
+                }
+              />
             </section>
           ) : (
             <section className="main--empty">
-              <div className=" section--small">
+              <Spinner delayed />
-                <h2 className="section__title--small">
-                  {__('Checking for channels')}
-                  <Spinner type="small" />
-                </h2>
-              </div>
             </section>
           )}
         </React.Fragment>

ui/page/fileListPublished/view.jsx

@@ -10,6 +10,7 @@ import { PAGE_PARAM, PAGE_SIZE_PARAM } from 'constants/claim';
 import WebUploadList from 'component/webUploadList';
 import Spinner from 'component/spinner';
 import Card from 'component/common/card';
+import Yrbl from 'component/yrbl';
 
 type Props = {
   uploadCount: number,
@@ -96,26 +97,24 @@ function FileListPublished(props: Props) {
         <React.Fragment>
           {!fetching ? (
             <section className="main--empty">
-              <div className=" section--small">
+              <Yrbl
-                <h2 className="section__title--large">{__('Nothing uploaded to LBRY yet.')}</h2>
+                title={__('No uploads')}
-                <div className="section__actions">
+                subtitle={__("You haven't uploaded anything yet. This is where you can find them when you do!")}
-                  <Button
+                actions={
-                    button="primary"
+                  <div className="section__actions">
-                    navigate={`/$/${PAGES.UPLOAD}`}
+                    <Button
-                    label={__('Upload something new')}
+                      button="primary"
-                    onClick={() => clearPublish()}
+                      navigate={`/$/${PAGES.UPLOAD}`}
-                  />
+                      label={__('Upload Something New')}
-                </div>
+                      onClick={() => clearPublish()}
-              </div>
+                    />
+                  </div>
+                }
+              />
             </section>
           ) : (
             <section className="main--empty">
-              <div className=" section--small">
+              <Spinner delayed />
-                <h2 className="section__title--small">
-                  {__('Checking your uploads')}
-                  <Spinner type="small" />
-                </h2>
-              </div>
             </section>
           )}
         </React.Fragment>

ui/scss/component/_form-field.scss

@@ -310,6 +310,10 @@ fieldset-group {
           border-top-left-radius: 0;
           border-bottom-left-radius: 0;
         }
+
+        label {
+          margin-left: var(--spacing-s);
+        }
       }
     }