From afd361bcd7ee1f80cebecdcb75ada6d3c41fc8f9 Mon Sep 17 00:00:00 2001
From: hackrush <atulshyan96@gmail.com>
Date: Mon, 3 Jul 2017 00:07:20 +0530
Subject: [PATCH 1/2] Added max_key_fee setting

Enables user to set the max_key_fee via the UI.
Fixes #268
---
 ui/js/page/settings/view.jsx | 90 ++++++++++++++++++++++++++++++++++++
 1 file changed, 90 insertions(+)

diff --git a/ui/js/page/settings/view.jsx b/ui/js/page/settings/view.jsx
index 7704a37e1..3914a83b2 100644
--- a/ui/js/page/settings/view.jsx
+++ b/ui/js/page/settings/view.jsx
@@ -64,6 +64,32 @@ class SettingsPage extends React.PureComponent {
     });
   }
 
+  onKeyFeeChange(event) {
+    var oldSettings = this.props.daemonSettings.max_key_fee;
+    var newSettings = {
+      amount: oldSettings.amount,
+      currency: oldSettings.currency,
+    };
+    newSettings.amount = Number(event.target.value);
+
+    this.setDaemonSetting("max_key_fee", newSettings);
+  }
+
+  onFeeCurrencyChange(event) {
+    var oldSettings = this.props.daemonSettings.max_key_fee;
+    var newSettings = {
+      amount: oldSettings.amount,
+      currency: oldSettings.currency,
+    };
+    newSettings.currency = event.target.value;
+
+    this.setDaemonSetting("max_key_fee", newSettings);
+  }
+
+  onKeyFeeDisableChange(isDisabled) {
+    this.setDaemonSetting("disable_max_key_fee", isDisabled);
+  }
+
   onMaxUploadFieldChange(event) {
     this.setDaemonSetting("max_upload", Number(event.target.value));
   }
@@ -165,6 +191,7 @@ class SettingsPage extends React.PureComponent {
             />
           </div>
         </section>
+
         <section className="card">
           <div className="card__content">
             <h3>{__("Bandwidth Limits")}</h3>
@@ -252,6 +279,69 @@ class SettingsPage extends React.PureComponent {
             </div>
           </div>
         </section>
+
+        <section className="card">
+          <div className="card__content">
+            <h3>{__("Key Fee")}</h3>
+          </div>
+          <div className="card__content">
+            <div className="form-row__label-row">
+              <div className="form-field__label">{__("Max Key Fee")}</div>
+            </div>
+            <FormRow
+              type="radio"
+              name="max_key_fee"
+              onClick={() => {
+                this.onKeyFeeDisableChange(true);
+              }}
+              defaultChecked={daemonSettings.disable_max_key_fee}
+              label={__("No Limit")}
+            />
+            <div className="form-row">
+              <FormField
+                type="radio"
+                name="max_key_fee"
+                onClick={() => {
+                  this.onKeyFeeDisableChange(false);
+                }}
+                defaultChecked={!daemonSettings.disable_max_key_fee}
+                label={
+                  daemonSettings.disable_max_key_fee
+                    ? __("Choose limit")
+                    : __("Limit to")
+                }
+              />
+              {!daemonSettings.disable_max_key_fee
+                ? <FormField
+                    type="number"
+                    min="0"
+                    placeholder="50"
+                    step="1"
+                    onChange={this.onKeyFeeChange.bind(this)}
+                    defaultValue={daemonSettings.max_key_fee.amount}
+                    className="form-field__input--inline"
+                  />
+                : ""}
+              {!daemonSettings.disable_max_key_fee
+                ? <FormField
+                    type="select"
+                    onChange={this.onFeeCurrencyChange.bind(this)}
+                    defaultValue={daemonSettings.max_key_fee.currency}
+                    className="form-field__input--inline"
+                  >
+                    <option value="USD">{__("US Dollars")}</option>
+                    <option value="LBC">{__("LBRY credits")}</option>
+                  </FormField>
+                : ""}
+            </div>
+            <div className="form-field__helper">
+              {__(
+                "This will prevent you from purchasing anything over this fee, as a safety measure. (Default: 50 USD)"
+              )}
+            </div>
+          </div>
+        </section>
+
         <section className="card">
           <div className="card__content">
             <h3>{__("Content")}</h3>

From 47734955d53f7386e962014219d43c793dfdccfa Mon Sep 17 00:00:00 2001
From: Jeremy Kauffman <jeremy@lbry.io>
Date: Tue, 25 Jul 2017 10:07:17 -0400
Subject: [PATCH 2/2] update labels and help copy

---
 ui/js/page/settings/view.jsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/ui/js/page/settings/view.jsx b/ui/js/page/settings/view.jsx
index 3914a83b2..c30246e79 100644
--- a/ui/js/page/settings/view.jsx
+++ b/ui/js/page/settings/view.jsx
@@ -286,7 +286,7 @@ class SettingsPage extends React.PureComponent {
           </div>
           <div className="card__content">
             <div className="form-row__label-row">
-              <div className="form-field__label">{__("Max Key Fee")}</div>
+              <div className="form-field__label">{__("Max Purchase Price")}</div>
             </div>
             <FormRow
               type="radio"
@@ -336,7 +336,7 @@ class SettingsPage extends React.PureComponent {
             </div>
             <div className="form-field__helper">
               {__(
-                "This will prevent you from purchasing anything over this fee, as a safety measure. (Default: 50 USD)"
+                "This will prevent you from purchasing any content over this cost, as a safety measure."
               )}
             </div>
           </div>