diff --git a/app/soapbox/features/soapbox_config/index.js b/app/soapbox/features/soapbox_config/index.js
index 9b8b1942d..0fa43392a 100644
--- a/app/soapbox/features/soapbox_config/index.js
+++ b/app/soapbox/features/soapbox_config/index.js
@@ -24,6 +24,7 @@ import { SketchPicker } from 'react-color';
import Overlay from 'react-overlays/lib/Overlay';
import { isMobile } from 'soapbox/is_mobile';
import detectPassiveEvents from 'detect-passive-events';
+import Accordion from '../ui/components/accordion';
const messages = defineMessages({
heading: { id: 'column.soapbox_config', defaultMessage: 'Soapbox config' },
@@ -34,8 +35,8 @@ const messages = defineMessages({
homeFooterItemLabel: { id: 'soapbox_config.home_footer.meta_fields.label_placeholder', defaultMessage: 'Label' },
homeFooterItemURL: { id: 'soapbox_config.home_footer.meta_fields.url_placeholder', defaultMessage: 'URL' },
customCssLabel: { id: 'soapbox_config.custom_css.meta_fields.url_placeholder', defaultMessage: 'URL' },
- rawJSONLabel: { id: 'soapbox_config.raw_json_label', defaultMessage: 'Raw JSON data' },
- rawJSONHint: { id: 'soapbox_config.raw_json_hint', defaultMessage: 'Advanced: Edit the settings data directly.' },
+ rawJSONLabel: { id: 'soapbox_config.raw_json_label', defaultMessage: 'Advanced: Edit raw JSON data' },
+ rawJSONHint: { id: 'soapbox_config.raw_json_hint', defaultMessage: 'Edit the settings data directly. Changes made directly to the JSON file will override the form fields above. Click "Save" to apply your changes.' },
});
const listenerOptions = detectPassiveEvents.hasSupport ? { passive: true } : false;
@@ -202,7 +203,7 @@ class SoapboxConfig extends ImmutablePureComponent {
/>
-
+ {/*
@@ -214,7 +215,7 @@ class SoapboxConfig extends ImmutablePureComponent {
onChange={this.handleFileChange(['banner'])}
/>
-
+ */}
@@ -226,7 +227,7 @@ class SoapboxConfig extends ImmutablePureComponent {
/>
-
+ {/*
}
hint={}
@@ -236,7 +237,7 @@ class SoapboxConfig extends ImmutablePureComponent {
['extensions', 'patron', 'enabled'], (e) => e.checked,
)}
/>
-
+ */}
*/}
-
-
-
-
-
+
+
+
+
+ }
+ />