From 2135bf7b343e144f2240cc00b711f338b4a72a8e Mon Sep 17 00:00:00 2001
From: Alex Gleason <alex@alexgleason.me>
Date: Wed, 9 Sep 2020 16:31:02 -0500
Subject: [PATCH] SoapboxConfig: let getValue be set for promoItems

---
 app/soapbox/features/soapbox_config/index.js | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/app/soapbox/features/soapbox_config/index.js b/app/soapbox/features/soapbox_config/index.js
index 104baad97..45eb65128 100644
--- a/app/soapbox/features/soapbox_config/index.js
+++ b/app/soapbox/features/soapbox_config/index.js
@@ -127,18 +127,18 @@ class SoapboxConfig extends ImmutablePureComponent {
     };
   };
 
-  handleItemChange = (path, key, field, template) => {
+  handleItemChange = (path, key, field, template, getValue) => {
     return this.handleChange(
       path, (e) =>
         template
           .merge(field)
-          .set(key, e.target.value)
+          .set(key, getValue(e))
     );
   };
 
-  handlePromoItemChange = (index, key, field) => {
+  handlePromoItemChange = (index, key, field, getValue) => {
     return this.handleItemChange(
-      ['promoPanel', 'items', index], key, field, templates.promoPanelItem
+      ['promoPanel', 'items', index], key, field, templates.promoPanelItem, getValue
     );
   };
 
@@ -258,19 +258,19 @@ class SoapboxConfig extends ImmutablePureComponent {
                           label={intl.formatMessage(messages.promoItemIcon)}
                           placeholder={intl.formatMessage(messages.promoItemIcon)}
                           value={field.get('icon')}
-                          onChange={this.handlePromoItemChange(i, 'icon', field)}
+                          onChange={this.handlePromoItemChange(i, 'icon', field, val => val.substring(6))}
                         />
                         <TextInput
                           label={intl.formatMessage(messages.promoItemLabel)}
                           placeholder={intl.formatMessage(messages.promoItemLabel)}
                           value={field.get('text')}
-                          onChange={this.handlePromoItemChange(i, 'text', field)}
+                          onChange={this.handlePromoItemChange(i, 'text', field, e => e.target.value)}
                         />
                         <TextInput
                           label={intl.formatMessage(messages.promoItemURL)}
                           placeholder={intl.formatMessage(messages.promoItemURL)}
                           value={field.get('url')}
-                          onChange={this.handlePromoItemChange(i, 'url', field)}
+                          onChange={this.handlePromoItemChange(i, 'url', field, e => e.target.value)}
                         />
                         <Icon id='times-circle' onClick={this.handleDeleteItem(['promoPanel', 'items', i])} />
                       </div>