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/load_more/index.js

@@ -1,53 +1 @@
-import { FormattedMessage, injectIntl, defineMessages } from 'react-intl';
-import classNames from 'classnames';
-import Icon from '../icon';
-
-import './index.scss';
-
-const messages = defineMessages({
-  load_more: { id: 'status.load_more', defaultMessage: 'Load more' },
-});
-
-export default @injectIntl
-class LoadMore extends PureComponent {
-
-  static propTypes = {
-    onClick: PropTypes.func,
-    disabled: PropTypes.bool,
-    visible: PropTypes.bool,
-    maxId: PropTypes.string,
-    gap: PropTypes.bool,
-    intl: PropTypes.object.isRequired,
-  }
-
-  static defaultProps = {
-    visible: true,
-  }
-
-  handleClick = () => {
-    const { gap, maxId } = this.props;
-    this.props.onClick(gap ? maxId : undefined);
-  }
-
-  render() {
-    const { disabled, visible, gap, intl } = this.props;
-
-    const btnClasses = classNames('load-more', {
-      'load-more--gap': gap,
-    });
-
-    return (
-      <button
-        className={btnClasses}
-        disabled={disabled || !visible}
-        style={{ visibility: visible ? 'visible' : 'hidden' }}
-        onClick={this.handleClick}
-        aria-label={intl.formatMessage(messages.load_more)}
-      >
-        {!gap && <FormattedMessage id='status.load_more' defaultMessage='Load more' />}
-        {gap && <Icon id='ellipsis-h' />}
-      </button>
-    );
-  }
-
-}
+export { default } from './load_more';

app/javascript/gabsocial/components/load_more/load_more.js

@@ -0,0 +1,53 @@
+import { FormattedMessage, injectIntl, defineMessages } from 'react-intl';
+import classNames from 'classnames';
+import Icon from '../icon';
+
+import './load_more.scss';
+
+const messages = defineMessages({
+  load_more: { id: 'status.load_more', defaultMessage: 'Load more' },
+});
+
+export default @injectIntl
+class LoadMore extends PureComponent {
+
+  static propTypes = {
+    onClick: PropTypes.func,
+    disabled: PropTypes.bool,
+    visible: PropTypes.bool,
+    maxId: PropTypes.string,
+    gap: PropTypes.bool,
+    intl: PropTypes.object.isRequired,
+  }
+
+  static defaultProps = {
+    visible: true,
+  }
+
+  handleClick = () => {
+    const { gap, maxId } = this.props;
+    this.props.onClick(gap ? maxId : undefined);
+  }
+
+  render() {
+    const { disabled, visible, gap, intl } = this.props;
+
+    const btnClasses = classNames('load-more', {
+      'load-more--gap': gap,
+    });
+
+    return (
+      <button
+        className={btnClasses}
+        disabled={disabled || !visible}
+        style={{ visibility: visible ? 'visible' : 'hidden' }}
+        onClick={this.handleClick}
+        aria-label={intl.formatMessage(messages.load_more)}
+      >
+        {!gap && <FormattedMessage id='status.load_more' defaultMessage='Load more' />}
+        {gap && <Icon id='ellipsis-h' />}
+      </button>
+    );
+  }
+
+}