Large update for all components

reorganization, linting, updating file imports, consolidation
warning: there will be errors in this commit
todo: update webpack, add missing styles, scss files, consolidate the rest of components within features/*

app/javascript/gabsocial/components/setting_toggle/index.js

@@ -0,0 +1 @@
+export { default } from './setting_toggle';

app/javascript/gabsocial/components/setting_toggle/setting_toggle.js

@@ -0,0 +1,32 @@
+import ImmutablePropTypes from 'react-immutable-proptypes';
+import Toggle from 'react-toggle';
+
+import './setting_toggle.scss';
+
+export default class SettingToggle extends PureComponent {
+
+  static propTypes = {
+    prefix: PropTypes.string,
+    settings: ImmutablePropTypes.map.isRequired,
+    settingPath: PropTypes.array.isRequired,
+    label: PropTypes.node.isRequired,
+    onChange: PropTypes.func.isRequired,
+  }
+
+  onChange = ({ target }) => {
+    this.props.onChange(this.props.settingPath, target.checked);
+  }
+
+  render () {
+    const { prefix, settings, settingPath, label } = this.props;
+    const id = ['setting-toggle', prefix, ...settingPath].filter(Boolean).join('-');
+
+    return (
+      <div className='setting-toggle'>
+        <Toggle id={id} checked={settings.getIn(settingPath)} onChange={this.onChange} onKeyDown={this.onKeyDown} />
+        <label htmlFor={id} className='setting-toggle__label'>{label}</label>
+      </div>
+    );
+  }
+
+}

app/javascript/gabsocial/components/setting_toggle/setting_toggle.scss

@@ -0,0 +1,12 @@
+.setting-toggle {
+  display: block;
+  line-height: 24px;
+
+  &__label {
+    color: $darker-text-color;
+    display: inline-block;
+    margin-bottom: 14px;
+    margin-left: 8px;
+    vertical-align: middle;
+  }
+}