From d08380ccc1c41b221f1f089471ccf82a1b4559ec Mon Sep 17 00:00:00 2001
From: Thomas Zarebczan <thomas.zarebczan@gmail.com>
Date: Fri, 19 Jul 2019 16:21:41 -0400
Subject: [PATCH] feat: experimental support option And some other small
 cleanups. Added trending FAQ to customize page.

---
 src/ui/component/rewardSummary/view.jsx |  2 +-
 src/ui/component/tagsSelect/view.jsx    |  5 ++-
 src/ui/component/walletSendTip/index.js |  2 +-
 src/ui/component/walletSendTip/view.jsx | 13 +++---
 src/ui/constants/settings.js            |  1 +
 src/ui/modal/modalRevokeClaim/view.jsx  |  6 ++-
 src/ui/modal/modalSendTip/view.jsx      | 11 ++++-
 src/ui/page/file/index.js               |  1 +
 src/ui/page/file/view.jsx               | 16 ++++++--
 src/ui/page/rewards/view.jsx            |  2 +-
 src/ui/page/settings/index.js           |  1 +
 src/ui/page/settings/view.jsx           | 25 ++++++++++--
 src/ui/redux/reducers/settings.js       |  1 +
 static/locales/en.json                  | 53 +++++++++++++++++++++++++
 yarn.lock                               |  6 +++
 15 files changed, 125 insertions(+), 20 deletions(-)

diff --git a/src/ui/component/rewardSummary/view.jsx b/src/ui/component/rewardSummary/view.jsx
index 9fd777add..d75d68656 100644
--- a/src/ui/component/rewardSummary/view.jsx
+++ b/src/ui/component/rewardSummary/view.jsx
@@ -41,7 +41,7 @@ class RewardSummary extends React.Component<Props> {
               navigate="/$/rewards"
               label={hasRewards ? __('Claim Rewards') : __('View Rewards')}
             />
-            <Button button="link" label={__('Learn more')} href="https://lbry.com/faq/rewards" />
+            <Button button="link" label={__('Learn more')} href="https://lbry.com/faq/rewards" />.
           </div>
         </div>
       </section>
diff --git a/src/ui/component/tagsSelect/view.jsx b/src/ui/component/tagsSelect/view.jsx
index cb0be2dd1..3b148d505 100644
--- a/src/ui/component/tagsSelect/view.jsx
+++ b/src/ui/component/tagsSelect/view.jsx
@@ -92,7 +92,10 @@ export default function TagSelect(props: Props) {
           </ul>
           <TagsSearch onSelect={onSelect} suggestMature={suggestMature && !hasMatureTag} />
           {help !== false && (
-            <p className="help">{help || __("The tags you follow will change what's trending for you.")}</p>
+            <p className="help">
+              {help || __("The tags you follow will change what's trending for you. ")}
+              <Button button="link" label={__('Learn more')} href="https://lbry.com/faq/trending" />.
+            </p>
           )}
         </div>
       </div>
diff --git a/src/ui/component/walletSendTip/index.js b/src/ui/component/walletSendTip/index.js
index 57f4c5d28..72beed2bd 100644
--- a/src/ui/component/walletSendTip/index.js
+++ b/src/ui/component/walletSendTip/index.js
@@ -16,7 +16,7 @@ const select = (state, props) => ({
 });
 
 const perform = dispatch => ({
-  sendSupport: (amount, claimId, uri) => dispatch(doSendTip(amount, claimId, uri)),
+  sendSupport: (amount, claimId) => dispatch(doSendTip(amount, claimId)),
 });
 
 export default connect(
diff --git a/src/ui/component/walletSendTip/view.jsx b/src/ui/component/walletSendTip/view.jsx
index ceb53242c..bd03e1b97 100644
--- a/src/ui/component/walletSendTip/view.jsx
+++ b/src/ui/component/walletSendTip/view.jsx
@@ -13,6 +13,7 @@ type Props = {
   onCancel: () => void,
   sendTipCallback?: () => void,
   balance: number,
+  isSupport: boolean,
 };
 
 type State = {
@@ -32,11 +33,11 @@ class WalletSendTip extends React.PureComponent<Props, State> {
   }
 
   handleSendButtonClicked() {
-    const { claim, uri, sendSupport, sendTipCallback } = this.props;
+    const { claim, sendSupport, sendTipCallback } = this.props;
     const { claim_id: claimId } = claim;
     const { tipAmount } = this.state;
 
-    sendSupport(tipAmount, claimId, uri);
+    sendSupport(tipAmount, claimId);
 
     // ex: close modal
     if (sendTipCallback) {
@@ -70,7 +71,7 @@ class WalletSendTip extends React.PureComponent<Props, State> {
   }
 
   render() {
-    const { title, isPending, uri, onCancel, claimIsMine } = this.props;
+    const { title, isPending, uri, onCancel, claimIsMine, isSupport } = this.props;
     const { tipAmount, tipError } = this.state;
 
     return (
@@ -99,11 +100,11 @@ class WalletSendTip extends React.PureComponent<Props, State> {
             }
             helper={
               <p>
-                {claimIsMine
-                  ? __('This will increase your overall bid amount for ')
+                {claimIsMine || isSupport
+                  ? __('This will increase the overall bid amount for ')
                   : __('This will appear as a tip for ')}
                 {`"${title}" which will boost its ability to be discovered while active.`}{' '}
-                <Button label={__('Learn more')} button="link" href="https://lbry.com/faq/tipping" />
+                <Button label={__('Learn more')} button="link" href="https://lbry.com/faq/tipping" />.
               </p>
             }
           />
diff --git a/src/ui/constants/settings.js b/src/ui/constants/settings.js
index a29721171..60f600998 100644
--- a/src/ui/constants/settings.js
+++ b/src/ui/constants/settings.js
@@ -16,3 +16,4 @@ export const AUTOPLAY = 'autoplay';
 export const RESULT_COUNT = 'resultCount';
 export const OS_NOTIFICATIONS_ENABLED = 'osNotificationsEnabled';
 export const AUTO_DOWNLOAD = 'autoDownload';
+export const SUPPORT_OPTION = 'supportOption';
diff --git a/src/ui/modal/modalRevokeClaim/view.jsx b/src/ui/modal/modalRevokeClaim/view.jsx
index f108621ee..f0ee77e13 100644
--- a/src/ui/modal/modalRevokeClaim/view.jsx
+++ b/src/ui/modal/modalRevokeClaim/view.jsx
@@ -21,6 +21,8 @@ class ModalRevokeClaim extends React.PureComponent<Props> {
   getButtonLabel(type: string) {
     if (type === txnTypes.TIP) {
       return 'Confirm Tip Unlock';
+    } else if (type === txnTypes.SUPPORT) {
+      return 'Confirm Support Revoke';
     }
     return 'Confirm Claim Revoke';
   }
@@ -75,8 +77,8 @@ class ModalRevokeClaim extends React.PureComponent<Props> {
     return (
       <Modal
         isOpen
-        title={type === txnTypes.TIP ? __('Confirm Tip Unlock') : __('Confirm Claim Revoke')}
-        contentLabel={__('Confirm Claim Revoke')}
+        title={this.getButtonLabel(type)}
+        contentLabel={this.getButtonLabel(type)}
         type="confirm"
         confirmButtonLabel={this.getButtonLabel(type)}
         onConfirmed={this.revokeClaim}
diff --git a/src/ui/modal/modalSendTip/view.jsx b/src/ui/modal/modalSendTip/view.jsx
index 521d9b7b8..fe7a6f36b 100644
--- a/src/ui/modal/modalSendTip/view.jsx
+++ b/src/ui/modal/modalSendTip/view.jsx
@@ -8,11 +8,12 @@ type Props = {
   closeModal: () => void,
   uri: string,
   claimIsMine: boolean,
+  isSupport: boolean,
 };
 
 class ModalSendTip extends React.PureComponent<Props> {
   render() {
-    const { closeModal, uri, claimIsMine } = this.props;
+    const { closeModal, uri, claimIsMine, isSupport } = this.props;
 
     return (
       <Modal
@@ -25,7 +26,13 @@ class ModalSendTip extends React.PureComponent<Props> {
           </React.Fragment>
         }
       >
-        <SendTip uri={uri} claimIsMine={claimIsMine} onCancel={closeModal} sendTipCallback={closeModal} />
+        <SendTip
+          uri={uri}
+          claimIsMine={claimIsMine}
+          isSupport={isSupport}
+          onCancel={closeModal}
+          sendTipCallback={closeModal}
+        />
       </Modal>
     );
   }
diff --git a/src/ui/page/file/index.js b/src/ui/page/file/index.js
index 5fae5063b..6a19d2d0f 100644
--- a/src/ui/page/file/index.js
+++ b/src/ui/page/file/index.js
@@ -42,6 +42,7 @@ const select = (state, props) => ({
   title: makeSelectTitleForUri(props.uri)(state),
   thumbnail: makeSelectThumbnailForUri(props.uri)(state),
   nsfw: makeSelectClaimIsNsfw(props.uri)(state),
+  supportOption: makeSelectClientSetting(settings.SUPPORT_OPTION)(state),
 });
 
 const perform = dispatch => ({
diff --git a/src/ui/page/file/view.jsx b/src/ui/page/file/view.jsx
index 123e78aec..ef049ca63 100644
--- a/src/ui/page/file/view.jsx
+++ b/src/ui/page/file/view.jsx
@@ -41,13 +41,14 @@ type Props = {
   channelUri: string,
   viewCount: number,
   prepareEdit: ({}, string, {}) => void,
-  openModal: (id: string, { uri: string }) => void,
+  openModal: (id: string, { uri: string, claimIsMine: boolean, isSupport: boolean }) => void,
   markSubscriptionRead: (string, string) => void,
   fetchViewCount: string => void,
   balance: number,
   title: string,
   thumbnail: ?string,
   nsfw: boolean,
+  supportOption: boolean,
 };
 
 class FilePage extends React.Component<Props> {
@@ -149,6 +150,7 @@ class FilePage extends React.Component<Props> {
       title,
       thumbnail,
       nsfw,
+      supportOption,
     } = this.props;
 
     // File info
@@ -246,9 +248,17 @@ class FilePage extends React.Component<Props> {
                     <Button
                       button="alt"
                       icon={claimIsMine ? icons.SUPPORT : icons.TIP}
-                      label={claimIsMine ? __('Add support') : __('Send a tip')}
-                      onClick={() => openModal(MODALS.SEND_TIP, { uri, claimIsMine })}
+                      label={claimIsMine ? __('Support') : __('Tip')}
+                      onClick={() => openModal(MODALS.SEND_TIP, { uri, claimIsMine, isSupport: false })}
                     />
+                    {!claimIsMine && supportOption && (
+                      <Button
+                        button="alt"
+                        icon={icons.SUPPORT}
+                        label={__('Support')}
+                        onClick={() => openModal(MODALS.SEND_TIP, { uri, claimIsMine, isSupport: true })}
+                      />
+                    )}
                   </React.Fragment>
                 }
                 <Button
diff --git a/src/ui/page/rewards/view.jsx b/src/ui/page/rewards/view.jsx
index 010c437e1..17df9dd47 100644
--- a/src/ui/page/rewards/view.jsx
+++ b/src/ui/page/rewards/view.jsx
@@ -40,7 +40,7 @@ class RewardsPage extends PureComponent<Props> {
                   {__(
                     'This step is optional. You can continue to use this app without rewards, but LBC may be needed for some tasks.'
                   )}{' '}
-                  <Button button="link" label={__('Learn more')} href="https://lbry.com/faq/rewards" />
+                  <Button button="link" label={__('Learn more')} href="https://lbry.com/faq/rewards" />.
                 </p>
               </header>
 
diff --git a/src/ui/page/settings/index.js b/src/ui/page/settings/index.js
index c534b125d..d712b8264 100644
--- a/src/ui/page/settings/index.js
+++ b/src/ui/page/settings/index.js
@@ -25,6 +25,7 @@ const select = state => ({
   walletEncrypted: selectWalletIsEncrypted(state),
   osNotificationsEnabled: selectosNotificationsEnabled(state),
   autoDownload: makeSelectClientSetting(settings.AUTO_DOWNLOAD)(state),
+  supportOption: makeSelectClientSetting(settings.SUPPORT_OPTION)(state),
 });
 
 const perform = dispatch => ({
diff --git a/src/ui/page/settings/view.jsx b/src/ui/page/settings/view.jsx
index 81f8411df..b269d7fec 100644
--- a/src/ui/page/settings/view.jsx
+++ b/src/ui/page/settings/view.jsx
@@ -44,6 +44,7 @@ type Props = {
   updateWalletStatus: () => void,
   walletEncrypted: boolean,
   osNotificationsEnabled: boolean,
+  supportOption: boolean,
 };
 
 type State = {
@@ -150,6 +151,7 @@ class SettingsPage extends React.PureComponent<Props, State> {
       autoDownload,
       setDaemonSetting,
       setClientSetting,
+      supportOption,
     } = this.props;
 
     const noDaemonSettings = !daemonSettings || Object.keys(daemonSettings).length === 0;
@@ -276,9 +278,9 @@ class SettingsPage extends React.PureComponent<Props, State> {
                   name="show_nsfw"
                   onChange={() => setClientSetting(SETTINGS.SHOW_NSFW, !showNsfw)}
                   checked={showNsfw}
-                  label={__('Show NSFW content')}
+                  label={__('Show mature content')}
                   helper={__(
-                    'NSFW content may include nudity, intense sexuality, profanity, or other adult content. By displaying NSFW 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.  '
                   )}
                 />
               </Form>
@@ -368,7 +370,7 @@ class SettingsPage extends React.PureComponent<Props, State> {
                   name="encrypt_wallet"
                   onChange={() => this.onChangeEncryptWallet()}
                   checked={walletEncrypted}
-                  label={__('Encrypt my wallet with a custom password.')}
+                  label={__('Encrypt my wallet with a custom password')}
                   helper={
                     <React.Fragment>
                       {__('Secure your local wallet data with a custom password.')}{' '}
@@ -386,6 +388,23 @@ class SettingsPage extends React.PureComponent<Props, State> {
               </header>
 
               <Form className="card__content">
+                <FormField
+                  type="setting"
+                  name="support_option"
+                  onChange={() => setClientSetting(SETTINGS.SUPPORT_OPTION, !supportOption)}
+                  checked={supportOption}
+                  label={__('Enable claim support')}
+                  helper={
+                    <React.Fragment>
+                      {__('This will add a Support button along side tipping. Similar to tips, supports help ')}
+                      <Button button="link" label={__(' discovery ')} href="https://lbry.com/faq/trending" />
+                      {__(' but the LBC is returned to your wallet if revoked.')}
+                      {__(' Both also help secure ')}
+                      <Button button="link" label={__('vanity names')} href="https://lbry.com/faq/naming" />.
+                    </React.Fragment>
+                  }
+                />
+
                 <FormField
                   type="setting"
                   name="auto_download"
diff --git a/src/ui/redux/reducers/settings.js b/src/ui/redux/reducers/settings.js
index c99e748b7..fab35433a 100644
--- a/src/ui/redux/reducers/settings.js
+++ b/src/ui/redux/reducers/settings.js
@@ -24,6 +24,7 @@ const defaultState = {
     [SETTINGS.THEME]: getLocalStorageSetting(SETTINGS.THEME, 'light'),
     [SETTINGS.THEMES]: getLocalStorageSetting(SETTINGS.THEMES, []),
     [SETTINGS.AUTOMATIC_DARK_MODE_ENABLED]: getLocalStorageSetting(SETTINGS.AUTOMATIC_DARK_MODE_ENABLED, false),
+    [SETTINGS.SUPPORT_OPTION]: getLocalStorageSetting(SETTINGS.SUPPORT_OPTION, false),
     [SETTINGS.AUTOPLAY]: getLocalStorageSetting(SETTINGS.AUTOPLAY, false),
     [SETTINGS.RESULT_COUNT]: Number(getLocalStorageSetting(SETTINGS.RESULT_COUNT, 50)),
     [SETTINGS.AUTO_DOWNLOAD]: getLocalStorageSetting(SETTINGS.AUTO_DOWNLOAD, true),
diff --git a/static/locales/en.json b/static/locales/en.json
index 92ce184eb..9c0c853c4 100644
--- a/static/locales/en.json
+++ b/static/locales/en.json
@@ -575,8 +575,61 @@
   "Confirm Claim Revoke": "Confirm Claim Revoke",
   "Are you sure you want to remove this support?": "Are you sure you want to remove this support?",
   "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.": "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.",
+<<<<<<< HEAD
   "Invalid character %s in name: %s.": "Invalid character %s in name: %s.",
   "The better your tags are, the easier it will be for people to discover your channel.": "The better your tags are, the easier it will be for people to discover your channel.",
   "Thumbnail (300 x 300)": "Thumbnail (300 x 300)",
   "Cover (1000 x 160)": "Cover (1000 x 160)"
+=======
+  "Enable option to support claims.": "Enable option to support claims.",
+  "Similar to tipping, but a deposit is held in your own wallet. Still affects trending and top calculations, as well as ": "Similar to tipping, but a deposit is held in your own wallet. Still affects trending and top calculations, as well as ",
+  "vanity names": "vanity names",
+  "Can be undone at any time via the transactions page.": "Can be undone at any time via the transactions page.",
+  "Learn more about discovery and trending": "Learn more about discovery and trending",
+  "Similar to tipping, but a deposit is held in your own wallet. Still affects discovery (trending and top calculations) and ": "Similar to tipping, but a deposit is held in your own wallet. Still affects discovery (trending and top calculations) and ",
+  "hello": "hello",
+  "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.  ",
+  " Can be undone at any time via the transactions page.": " Can be undone at any time via the transactions page.",
+  " Can be undone at any time via the transactions page. ": " Can be undone at any time via the transactions page. ",
+  "Similar to tipping, but a deposit is held in your own wallet. Still affects ": "Similar to tipping, but a deposit is held in your own wallet. Still affects ",
+  " discovery (trending and top calculations)": " discovery (trending and top calculations)",
+  " and ": " and ",
+  " discovery via trending and top calculations)": " discovery via trending and top calculations)",
+  " as well as ": " as well as ",
+  " discovery via trending and top calculations": " discovery via trending and top calculations",
+  "This will appear as a tip for ": "This will appear as a tip for ",
+  "This will increase the overall bid amount for ": "This will increase the overall bid amount for ",
+  "Similar to tipping, except the LBC remains yours and can be withdrawn at any time. Still affects ": "Similar to tipping, except the LBC remains yours and can be withdrawn at any time. Still affects ",
+  "The tags you follow will change what's trending for you. ": "The tags you follow will change what's trending for you. ",
+  "Are you sure want to revoke this claim?": "Are you sure want to revoke this claim?",
+  "This will prevent others from resolving and accessing the content you published. It will return the LBC to your spendable balance, less a small transaction fee.": "This will prevent others from resolving and accessing the content you published. It will return the LBC to your spendable balance, less a small transaction fee.",
+  "Enable claim support.": "Enable claim support.",
+  "Similar to tipping, except the LBC remains yours and can be withdrawn at any time. Supports influence ": "Similar to tipping, except the LBC remains yours and can be withdrawn at any time. Supports influence ",
+  "Encrypt my wallet with a custom password": "Encrypt my wallet with a custom password",
+  "Enable claim support": "Enable claim support",
+  "Similar to tipping, supports help": "Similar to tipping, supports help",
+  " discovery, trending and top calculations": " discovery, trending and top calculations",
+  "but the LBC remains yours and can be withdrawn at any time. ": "but the LBC remains yours and can be withdrawn at any time. ",
+  " Both also help secure ": " Both also help secure ",
+  "Similar to tipping, supports help ": "Similar to tipping, supports help ",
+  " discovery, trending and top calculations ": " discovery, trending and top calculations ",
+  "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.  ",
+  " but the LBC remains yours and can be withdrawn at any time. ": " but the LBC remains yours and can be withdrawn at any time. ",
+  " but the LBC is returned to you when revoked.": " but the LBC is returned to you when revoked.",
+  " but the LBC is returned to you if revoked.": " but the LBC is returned to you if revoked.",
+  " but the LBC is returned to your wallet if revoked.": " but the LBC is returned to your wallet if revoked.",
+  " but the LBC is returned to youself if revoked.": " but the LBC is returned to youself if revoked.",
+  " but the LBC is returned to youself, if revoked.": " but the LBC is returned to youself, if revoked.",
+  " but the LBC is returned to yourself if revoked.": " but the LBC is returned to yourself if revoked.",
+  "This will add a Support button next to the tipping option. Similar to tipping, supports help ": "This will add a Support button next to the tipping option. Similar to tipping, supports help ",
+  "This will add a Support button next to the tipping option. Similar to tips, supports help ": "This will add a Support button next to the tipping option. Similar to tips, supports help ",
+  "This will add a Support button next to `Send a Tip`. Similar to tips, supports help ": "This will add a Support button next to `Send a Tip`. Similar to tips, supports help ",
+  "This will add a Support button next to \"Send a Tip\". Similar to tips, supports help ": "This will add a Support button next to \"Send a Tip\". Similar to tips, supports help ",
+  "This will add a Support button along side tipping. Similar to tips, supports help ": "This will add a Support button along side tipping. Similar to tips, supports help ",
+  "Invalid character %s in name: %s.": "Invalid character %s in name: %s.",
+  " discovery ": " discovery ",
+  "This will add a Support button along side Tips. Similar to tips, supports help ": "This will add a Support button along side Tips. Similar to tips, supports help ",
+  "This will add a Support button along side Tip. Similar to tips, supports help ": "This will add a Support button along side Tip. Similar to tips, supports help "
+>>>>>>> feat: experimental support option
 }
\ No newline at end of file
diff --git a/yarn.lock b/yarn.lock
index 2d15f9f77..a4db17ff3 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -6653,9 +6653,15 @@ lazy-val@^1.0.3, lazy-val@^1.0.4:
     yargs "^13.2.2"
     zstd-codec "^0.1.1"
 
+<<<<<<< HEAD
 lbry-redux@lbryio/lbry-redux#5080eb3ea1f09ce03c4f50d9224feddf737628d3:
   version "0.0.1"
   resolved "https://codeload.github.com/lbryio/lbry-redux/tar.gz/5080eb3ea1f09ce03c4f50d9224feddf737628d3"
+=======
+lbry-redux@lbryio/lbry-redux#ee93a47f893052d6a94b6439eb09eb3fb976f90c:
+  version "0.0.1"
+  resolved "https://codeload.github.com/lbryio/lbry-redux/tar.gz/ee93a47f893052d6a94b6439eb09eb3fb976f90c"
+>>>>>>> feat: experimental support option
   dependencies:
     proxy-polyfill "0.1.6"
     reselect "^3.0.0"