Another 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 group page components.

app/javascript/gabsocial/features/community_timeline/components/column_settings.js

@@ -1,51 +0,0 @@
-import ImmutablePropTypes from 'react-immutable-proptypes';
-import { injectIntl, FormattedMessage } from 'react-intl';
-import SettingToggle from '../../../components/setting_toggle';
-import { changeSetting } from '../../../actions/settings';
-
-const mapStateToProps = state => ({
-  settings: state.getIn(['settings', 'community']),
-});
-
-const mapDispatchToProps = (dispatch) => {
-  return {
-    onChange(key, checked) {
-      dispatch(changeSetting(['community', ...key], checked));
-    },
-  };
-};
-
-export default @connect(mapStateToProps, mapDispatchToProps)
-@injectIntl
-class ColumnSettings extends PureComponent {
-
-  static propTypes = {
-    settings: ImmutablePropTypes.map.isRequired,
-    onChange: PropTypes.func.isRequired,
-    intl: PropTypes.object.isRequired,
-  };
-
-  render () {
-    const { settings, onChange } = this.props;
-
-    return (
-      <div>
-        <div className='column-settings__row'>
-          <SettingToggle
-            settings={settings}
-            settingPath={['other', 'onlyMedia']}
-            onChange={onChange}
-            label={<FormattedMessage id='community.column_settings.media_only' defaultMessage='Media Only' />}
-          />
-          <SettingToggle
-            settings={settings}
-            settingPath={['other', 'allFediverse']}
-            onChange={onChange}
-            label={<FormattedMessage id='community.column_settings.all_fediverse' defaultMessage='All Fediverse' />}
-          />
-        </div>
-      </div>
-    );
-  }
-
-}

app/javascript/gabsocial/features/community_timeline/components/column_settings/column_settings.js

@@ -0,0 +1,48 @@
+import ImmutablePropTypes from 'react-immutable-proptypes';
+import ImmutablePureComponent from 'react-immutable-pure-component';
+import { FormattedMessage } from 'react-intl';
+import SettingToggle from '../../../../components/setting_toggle';
+import { changeSetting } from '../../../../actions/settings';
+
+const mapStateToProps = state => ({
+  settings: state.getIn(['settings', 'community']),
+});
+
+const mapDispatchToProps = (dispatch) => {
+  return {
+    onChange(key, checked) {
+      dispatch(changeSetting(['community', ...key], checked));
+    },
+  };
+};
+
+export default @connect(mapStateToProps, mapDispatchToProps)
+class ColumnSettings extends ImmutablePureComponent {
+
+  static propTypes = {
+    settings: ImmutablePropTypes.map.isRequired,
+    onChange: PropTypes.func.isRequired,
+  };
+
+  render () {
+    const { settings, onChange } = this.props;
+
+    return (
+      <div>
+        <SettingToggle
+          settings={settings}
+          settingPath={['other', 'onlyMedia']}
+          onChange={onChange}
+          label={<FormattedMessage id='community.column_settings.media_only' defaultMessage='Media Only' />}
+        />
+        <SettingToggle
+          settings={settings}
+          settingPath={['other', 'allFediverse']}
+          onChange={onChange}
+          label={<FormattedMessage id='community.column_settings.all_fediverse' defaultMessage='All Fediverse' />}
+        />
+      </div>
+    );
+  }
+
+}

app/javascript/gabsocial/features/community_timeline/components/column_settings/index.js

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