1 files changed, 53 insertions, 51 deletions

diff --git a/src/components/ui/Slider.js b/src/components/ui/Slider.js
index f344449a0..6f17eae00 100644
--- a/src/components/ui/Slider.js
+++ b/src/components/ui/Slider.js
@@ -4,62 +4,64 @@ import { observer } from 'mobx-react';
 import classnames from 'classnames';
 import { Field } from 'mobx-react-form';
 
-export default @observer class Slider extends Component {
-    static propTypes = {
-      field: PropTypes.instanceOf(Field).isRequired,
-      className: PropTypes.string,
-      showLabel: PropTypes.bool,
-      disabled: PropTypes.bool,
-    };
+@observer
+class Slider extends Component {
+  static propTypes = {
+    field: PropTypes.instanceOf(Field).isRequired,
+    className: PropTypes.string,
+    showLabel: PropTypes.bool,
+    disabled: PropTypes.bool,
+  };
 
-    static defaultProps = {
-      className: '',
-      showLabel: true,
-      disabled: false,
-    };
+  static defaultProps = {
+    className: '',
+    showLabel: true,
+    disabled: false,
+  };
 
-    onChange(e) {
-      const { field } = this.props;
+  onChange(e) {
+    const { field } = this.props;
 
-      field.onChange(e);
-    }
-
-    render() {
-      const {
-        field,
-        className,
-        showLabel,
-        disabled,
-      } = this.props;
+    field.onChange(e);
+  }
 
-      if (field.value === '' && field.default !== '') {
-        field.value = field.default;
-      }
+  render() {
+    const { field, className, showLabel, disabled } = this.props;
 
-      return (
-        <div
-          className={classnames([
-            'franz-form__field',
-            'franz-form__slider-wrapper',
-            className,
-          ])}
-        >
-          <div className="slider-container">
-            <input
-              className="slider"
-              type="range"
-              id={field.id}
-              name={field.name}
-              value={field.value}
-              min="1"
-              max="100"
-              onChange={(e) => (!disabled ? this.onChange(e) : null)}
-            />
-          </div>
+    if (field.value === '' && field.default !== '') {
+      field.value = field.default;
+    }
 
-          {field.error && <div className={field.error}>{field.error}</div>}
-          {field.label && showLabel && <label className="franz-form__label" htmlFor={field.id}>{field.label}</label>}
+    return (
+      <div
+        className={classnames([
+          'franz-form__field',
+          'franz-form__slider-wrapper',
+          className,
+        ])}
+      >
+        <div className="slider-container">
+          <input
+            className="slider"
+            type="range"
+            id={field.id}
+            name={field.name}
+            value={field.value}
+            min="1"
+            max="100"
+            onChange={e => (!disabled ? this.onChange(e) : null)}
+          />
         </div>
-      );
-    }
+
+        {field.error && <div className={field.error}>{field.error}</div>}
+        {field.label && showLabel && (
+          <label className="franz-form__label" htmlFor={field.id}>
+            {field.label}
+          </label>
+        )}
+      </div>
+    );
+  }
 }
+
+export default Slider;