eslint: alphabetize imports with import/order

.eslintrc.js

@@ -237,6 +237,7 @@ module.exports = {
           'type',
         ],
         'newlines-between': 'ignore',
+        alphabetize: { order: 'asc' },
       },
     ],
 

app/soapbox/actions/__tests__/about-test.js

@@ -1,5 +1,5 @@
-import { Map as ImmutableMap } from 'immutable';
 import MockAdapter from 'axios-mock-adapter';
+import { Map as ImmutableMap } from 'immutable';
 import { staticClient } from 'soapbox/api';
 import { mockStore } from 'soapbox/test_helpers';
 import {

app/soapbox/actions/__tests__/preload-test.js

@@ -1,12 +1,12 @@
 import { Map as ImmutableMap } from 'immutable';
 import { __stub } from 'soapbox/api';
 import { mockStore } from 'soapbox/test_helpers';
+import { VERIFY_CREDENTIALS_REQUEST } from '../auth';
+import { ACCOUNTS_IMPORT } from '../importer';
 import {
   MASTODON_PRELOAD_IMPORT,
   preloadMastodon,
 } from '../preload';
-import { VERIFY_CREDENTIALS_REQUEST } from '../auth';
-import { ACCOUNTS_IMPORT } from '../importer';
 
 describe('preloadMastodon()', () => {
   it('creates the expected actions', () => {

app/soapbox/actions/admin.js

@@ -1,5 +1,5 @@
-import { importFetchedAccount, importFetchedStatuses } from 'soapbox/actions/importer';
 import { fetchRelationships } from 'soapbox/actions/accounts';
+import { importFetchedAccount, importFetchedStatuses } from 'soapbox/actions/importer';
 import api from '../api';
 
 export const ADMIN_CONFIG_FETCH_REQUEST = 'ADMIN_CONFIG_FETCH_REQUEST';

app/soapbox/actions/aliases.js

@@ -1,10 +1,10 @@
 import { defineMessages } from 'react-intl';
 import { isLoggedIn } from 'soapbox/utils/auth';
 import api from '../api';
-import { importFetchedAccount, importFetchedAccounts } from './importer';
 import { showAlertForError } from './alerts';
-import snackbar from './snackbar';
+import { importFetchedAccount, importFetchedAccounts } from './importer';
 import { ME_PATCH_SUCCESS } from './me';
+import snackbar from './snackbar';
 
 export const ALIASES_SUGGESTIONS_CHANGE = 'ALIASES_SUGGESTIONS_CHANGE';
 export const ALIASES_SUGGESTIONS_READY  = 'ALIASES_SUGGESTIONS_READY';

app/soapbox/actions/auth.js

@@ -8,16 +8,16 @@
  */
 
 import { defineMessages } from 'react-intl';
-import snackbar from 'soapbox/actions/snackbar';
 import { createAccount } from 'soapbox/actions/accounts';
-import { fetchMeSuccess, fetchMeFail } from 'soapbox/actions/me';
-import { getLoggedInAccount, parseBaseURL } from 'soapbox/utils/auth';
 import { createApp } from 'soapbox/actions/apps';
+import { fetchMeSuccess, fetchMeFail } from 'soapbox/actions/me';
 import { obtainOAuthToken, revokeOAuthToken } from 'soapbox/actions/oauth';
+import snackbar from 'soapbox/actions/snackbar';
+import KVStore from 'soapbox/storage/kv_store';
+import { getLoggedInAccount, parseBaseURL } from 'soapbox/utils/auth';
 import sourceCode from 'soapbox/utils/code';
 import { getFeatures } from 'soapbox/utils/features';
 import { isStandalone } from 'soapbox/utils/state';
-import KVStore from 'soapbox/storage/kv_store';
 import api, { baseClient } from '../api';
 import { importFetchedAccount } from './importer';
 

app/soapbox/actions/chats.js

@@ -1,5 +1,5 @@
-import { v4 as uuidv4 } from 'uuid';
 import { Map as ImmutableMap } from 'immutable';
+import { v4 as uuidv4 } from 'uuid';
 import { getSettings, changeSetting } from 'soapbox/actions/settings';
 import { getFeatures } from 'soapbox/utils/features';
 import api, { getLinks } from '../api';

app/soapbox/actions/compose.js

@@ -1,19 +1,19 @@
 import { CancelToken, isCancel } from 'axios';
 import { throttle } from 'lodash';
 import { defineMessages } from 'react-intl';
-import { getFeatures } from 'soapbox/utils/features';
-import { isLoggedIn } from 'soapbox/utils/auth';
 import snackbar from 'soapbox/actions/snackbar';
+import { isLoggedIn } from 'soapbox/utils/auth';
+import { getFeatures } from 'soapbox/utils/features';
 import api from '../api';
 import { search as emojiSearch } from '../features/emoji/emoji_mart_search_light';
 import { tagHistory } from '../settings';
 import resizeImage from '../utils/resize_image';
+import { showAlert, showAlertForError } from './alerts';
 import { useEmoji } from './emojis';
 import { importFetchedAccounts } from './importer';
-import { showAlert, showAlertForError } from './alerts';
+import { uploadMedia, fetchMedia, updateMedia } from './media';
 import { openModal, closeModal } from './modal';
 import { getSettings } from './settings';
-import { uploadMedia, fetchMedia, updateMedia } from './media';
 import { createStatus } from './statuses';
 
 let cancelFetchComposeSuggestionsAccounts;

app/soapbox/actions/directory.js

@@ -1,6 +1,6 @@
 import api from '../api';
-import { importFetchedAccounts } from './importer';
 import { fetchRelationships } from './accounts';
+import { importFetchedAccounts } from './importer';
 
 export const DIRECTORY_FETCH_REQUEST = 'DIRECTORY_FETCH_REQUEST';
 export const DIRECTORY_FETCH_SUCCESS = 'DIRECTORY_FETCH_SUCCESS';

app/soapbox/actions/external_auth.js

@@ -8,11 +8,11 @@
 
 import { Map as ImmutableMap, fromJS } from 'immutable';
 import { createApp } from 'soapbox/actions/apps';
-import { obtainOAuthToken } from 'soapbox/actions/oauth';
 import { authLoggedIn, verifyCredentials, switchAccount } from 'soapbox/actions/auth';
+import { obtainOAuthToken } from 'soapbox/actions/oauth';
 import { parseBaseURL } from 'soapbox/utils/auth';
-import { getFeatures } from 'soapbox/utils/features';
 import sourceCode from 'soapbox/utils/code';
+import { getFeatures } from 'soapbox/utils/features';
 import { baseClient } from '../api';
 
 const fetchExternalInstance = baseURL => {

app/soapbox/actions/groups.js

@@ -1,7 +1,7 @@
 import { isLoggedIn } from 'soapbox/utils/auth';
 import api, { getLinks } from '../api';
-import { importFetchedAccounts } from './importer';
 import { fetchRelationships } from './accounts';
+import { importFetchedAccounts } from './importer';
 
 export const GROUP_FETCH_REQUEST = 'GROUP_FETCH_REQUEST';
 export const GROUP_FETCH_SUCCESS = 'GROUP_FETCH_SUCCESS';

app/soapbox/actions/instance.js

@@ -1,7 +1,7 @@
 import { get } from 'lodash';
-import { parseVersion } from 'soapbox/utils/features';
-import { getAuthUserUrl } from 'soapbox/utils/auth';
 import KVStore from 'soapbox/storage/kv_store';
+import { getAuthUserUrl } from 'soapbox/utils/auth';
+import { parseVersion } from 'soapbox/utils/features';
 import api from '../api';
 
 export const INSTANCE_FETCH_REQUEST = 'INSTANCE_FETCH_REQUEST';

app/soapbox/actions/lists.js

@@ -1,7 +1,7 @@
 import { isLoggedIn } from 'soapbox/utils/auth';
 import api from '../api';
-import { importFetchedAccounts } from './importer';
 import { showAlertForError } from './alerts';
+import { importFetchedAccounts } from './importer';
 
 export const LIST_FETCH_REQUEST = 'LIST_FETCH_REQUEST';
 export const LIST_FETCH_SUCCESS = 'LIST_FETCH_SUCCESS';

app/soapbox/actions/me.js

@@ -1,7 +1,7 @@
 import { getAuthUserId, getAuthUserUrl } from 'soapbox/utils/auth';
 import api from '../api';
-import { importFetchedAccount } from './importer';
 import { loadCredentials } from './auth';
+import { importFetchedAccount } from './importer';
 
 export const ME_FETCH_REQUEST = 'ME_FETCH_REQUEST';
 export const ME_FETCH_SUCCESS = 'ME_FETCH_SUCCESS';

app/soapbox/actions/moderation.js

@@ -1,8 +1,8 @@
 import React from 'react';
 import { defineMessages } from 'react-intl';
-import { openModal } from 'soapbox/actions/modal';
-import { deactivateUsers, deleteUsers, deleteStatus, toggleStatusSensitivity } from 'soapbox/actions/admin';
 import { fetchAccountByUsername } from 'soapbox/actions/accounts';
+import { deactivateUsers, deleteUsers, deleteStatus, toggleStatusSensitivity } from 'soapbox/actions/admin';
+import { openModal } from 'soapbox/actions/modal';
 import snackbar from 'soapbox/actions/snackbar';
 import AccountContainer from 'soapbox/containers/account_container';
 import { isLocal } from 'soapbox/utils/accounts';

app/soapbox/actions/notifications.js

@@ -1,26 +1,26 @@
-import IntlMessageFormat from 'intl-messageformat';
-import 'intl-pluralrules';
-import { defineMessages } from 'react-intl';
 import {
   List as ImmutableList,
   Map as ImmutableMap,
   OrderedMap as ImmutableOrderedMap,
 } from 'immutable';
+import IntlMessageFormat from 'intl-messageformat';
+import 'intl-pluralrules';
+import { defineMessages } from 'react-intl';
 import { isLoggedIn } from 'soapbox/utils/auth';
 import { parseVersion, PLEROMA } from 'soapbox/utils/features';
 import { joinPublicPath } from 'soapbox/utils/static';
 import api, { getLinks } from '../api';
 import { getFilters, regexFromFilters } from '../selectors';
 import { unescapeHTML } from '../utils/html';
-import { getSettings, saveSettings } from './settings';
-import { saveMarker } from './markers';
+import { fetchRelationships } from './accounts';
 import {
   importFetchedAccount,
   importFetchedAccounts,
   importFetchedStatus,
   importFetchedStatuses,
 } from './importer';
-import { fetchRelationships } from './accounts';
+import { saveMarker } from './markers';
+import { getSettings, saveSettings } from './settings';
 
 export const NOTIFICATIONS_UPDATE      = 'NOTIFICATIONS_UPDATE';
 export const NOTIFICATIONS_UPDATE_NOOP = 'NOTIFICATIONS_UPDATE_NOOP';

app/soapbox/actions/preload.js

@@ -1,6 +1,6 @@
 import { mapValues } from 'lodash';
-import { importFetchedAccounts } from './importer';
 import { verifyCredentials } from './auth';
+import { importFetchedAccounts } from './importer';
 
 export const PLEROMA_PRELOAD_IMPORT  = 'PLEROMA_PRELOAD_IMPORT';
 export const MASTODON_PRELOAD_IMPORT = 'MASTODON_PRELOAD_IMPORT';

app/soapbox/actions/push_notifications/index.js

@@ -1,3 +1,4 @@
+import { register, saveSettings } from './registerer';
 import {
   SET_BROWSER_SUPPORT,
   SET_SUBSCRIPTION,
@@ -5,7 +6,6 @@ import {
   SET_ALERTS,
   setAlerts,
 } from './setter';
-import { register, saveSettings } from './registerer';
 
 export {
   SET_BROWSER_SUPPORT,

app/soapbox/actions/push_notifications/registerer.js

@@ -1,7 +1,7 @@
 import { createPushSubsription, updatePushSubscription } from 'soapbox/actions/push_subscriptions';
 import { getVapidKey } from 'soapbox/utils/auth';
-import { decode as decodeBase64 } from '../../utils/base64';
 import { pushNotificationsSetting } from '../../settings';
+import { decode as decodeBase64 } from '../../utils/base64';
 import { setBrowserSupport, setSubscription, clearSubscription } from './setter';
 
 // Taken from https://www.npmjs.com/package/web-push

app/soapbox/actions/security.js

@@ -4,8 +4,8 @@
  * @see module:soapbox/actions/auth
  */
 
-import { getLoggedInAccount } from 'soapbox/utils/auth';
 import snackbar from 'soapbox/actions/snackbar';
+import { getLoggedInAccount } from 'soapbox/utils/auth';
 import api from '../api';
 import { AUTH_LOGGED_OUT, messages } from './auth';
 

app/soapbox/actions/settings.js

@@ -1,5 +1,5 @@
-import { debounce } from 'lodash';
 import { Map as ImmutableMap, List as ImmutableList, OrderedSet as ImmutableOrderedSet } from 'immutable';
+import { debounce } from 'lodash';
 import { createSelector } from 'reselect';
 import { patchMe } from 'soapbox/actions/me';
 import { isLoggedIn } from 'soapbox/utils/auth';

app/soapbox/actions/soapbox.js

@@ -1,8 +1,8 @@
 import { Map as ImmutableMap, List as ImmutableList } from 'immutable';
 import { createSelector } from 'reselect';
-import { getFeatures } from 'soapbox/utils/features';
 import { getHost } from 'soapbox/actions/instance';
 import KVStore from 'soapbox/storage/kv_store';
+import { getFeatures } from 'soapbox/utils/features';
 import api, { staticClient } from '../api';
 
 export const SOAPBOX_CONFIG_REQUEST_SUCCESS = 'SOAPBOX_CONFIG_REQUEST_SUCCESS';

app/soapbox/actions/statuses.js

@@ -2,9 +2,9 @@ import { isLoggedIn } from 'soapbox/utils/auth';
 import { getFeatures } from 'soapbox/utils/features';
 import { shouldHaveCard } from 'soapbox/utils/status';
 import api from '../api';
-import { deleteFromTimelines } from './timelines';
 import { importFetchedStatus, importFetchedStatuses } from './importer';
 import { openModal } from './modal';
+import { deleteFromTimelines } from './timelines';
 
 export const STATUS_CREATE_REQUEST = 'STATUS_CREATE_REQUEST';
 export const STATUS_CREATE_SUCCESS = 'STATUS_CREATE_SUCCESS';

app/soapbox/actions/streaming.js

@@ -1,6 +1,9 @@
 import { getSettings } from 'soapbox/actions/settings';
 import messages from 'soapbox/locales/messages';
 import { connectStream } from '../stream';
+import { updateConversations } from './conversations';
+import { fetchFilters } from './filters';
+import { updateNotificationsQueue, expandNotifications } from './notifications';
 import {
   deleteFromTimelines,
   expandHomeTimeline,
@@ -8,9 +11,6 @@ import {
   disconnectTimeline,
   processTimelineUpdate,
 } from './timelines';
-import { updateNotificationsQueue, expandNotifications } from './notifications';
-import { updateConversations } from './conversations';
-import { fetchFilters } from './filters';
 
 export const STREAMING_CHAT_UPDATE = 'STREAMING_CHAT_UPDATE';
 export const STREAMING_FOLLOW_RELATIONSHIPS_UPDATE = 'STREAMING_FOLLOW_RELATIONSHIPS_UPDATE';

app/soapbox/actions/suggestions.js

@@ -1,8 +1,8 @@
 import { isLoggedIn } from 'soapbox/utils/auth';
 import { getFeatures } from 'soapbox/utils/features';
 import api from '../api';
-import { importFetchedAccounts } from './importer';
 import { fetchRelationships } from './accounts';
+import { importFetchedAccounts } from './importer';
 
 export const SUGGESTIONS_FETCH_REQUEST = 'SUGGESTIONS_FETCH_REQUEST';
 export const SUGGESTIONS_FETCH_SUCCESS = 'SUGGESTIONS_FETCH_SUCCESS';

app/soapbox/api.js

@@ -8,8 +8,8 @@
 import axios from 'axios';
 import LinkHeader from 'http-link-header';
 import { createSelector } from 'reselect';
-import { getAccessToken, getAppToken, parseBaseURL } from 'soapbox/utils/auth';
 import { BACKEND_URL, FE_SUBDIRECTORY } from 'soapbox/build_config';
+import { getAccessToken, getAppToken, parseBaseURL } from 'soapbox/utils/auth';
 import { isURL } from 'soapbox/utils/auth';
 
 /**

app/soapbox/base_polyfills.js

@@ -4,9 +4,9 @@ import 'intl';
 import 'intl/locale-data/jsonp/en';
 import 'es6-symbol/implement';
 import includes from 'array-includes';
+import isNaN from 'is-nan';
 import assign from 'object-assign';
 import values from 'object.values';
-import isNaN from 'is-nan';
 import { decode as decodeBase64 } from './utils/base64';
 
 if (!Array.prototype.includes) {

app/soapbox/components/__mocks__/react-inlinesvg.js

@@ -1,5 +1,5 @@
-import React from 'react';
 import PropTypes from 'prop-types';
+import React from 'react';
 
 export default function InlineSVG({ src }) {
   return <svg id={src} />;

app/soapbox/components/__tests__/avatar-test.js

@@ -1,5 +1,5 @@
-import React from 'react';
 import { fromJS } from 'immutable';
+import React from 'react';
 import { createComponent } from 'soapbox/test_helpers';
 import Avatar from '../avatar';
 

app/soapbox/components/__tests__/avatar_overlay-test.js

@@ -1,5 +1,5 @@
-import React from 'react';
 import { fromJS } from 'immutable';
+import React from 'react';
 import { createComponent } from 'soapbox/test_helpers';
 import AvatarOverlay from '../avatar_overlay';
 

app/soapbox/components/__tests__/display_name-test.js

@@ -1,5 +1,5 @@
-import React from 'react';
 import { fromJS }  from 'immutable';
+import React from 'react';
 import { createComponent } from 'soapbox/test_helpers';
 import DisplayName from '../display_name';
 

app/soapbox/components/account.js

@@ -1,17 +1,17 @@
-import React, { Fragment } from 'react';
-import { connect } from 'react-redux';
-import ImmutablePropTypes from 'react-immutable-proptypes';
-import PropTypes from 'prop-types';
-import { FormattedMessage } from 'react-intl';
-import ImmutablePureComponent from 'react-immutable-pure-component';
 import classNames from 'classnames';
-import ActionButton from 'soapbox/features/ui/components/action_button';
+import PropTypes from 'prop-types';
+import React, { Fragment } from 'react';
+import ImmutablePropTypes from 'react-immutable-proptypes';
+import ImmutablePureComponent from 'react-immutable-pure-component';
+import { FormattedMessage } from 'react-intl';
+import { connect } from 'react-redux';
 import emojify from 'soapbox/features/emoji/emoji';
+import ActionButton from 'soapbox/features/ui/components/action_button';
 import Avatar from './avatar';
 import DisplayName from './display_name';
-import Permalink from './permalink';
 import Icon from './icon';
 import IconButton from './icon_button';
+import Permalink from './permalink';
 import RelativeTimestamp from './relative_timestamp';
 
 const mapStateToProps = state => {

app/soapbox/components/account_search.js

@@ -1,9 +1,9 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { defineMessages, injectIntl } from 'react-intl';
 import classNames from 'classnames';
-import Icon from 'soapbox/components/icon';
+import PropTypes from 'prop-types';
+import React from 'react';
+import { defineMessages, injectIntl } from 'react-intl';
 import AutosuggestAccountInput from 'soapbox/components/autosuggest_account_input';
+import Icon from 'soapbox/components/icon';
 
 const messages = defineMessages({
   placeholder: { id: 'account_search.placeholder', defaultMessage: 'Search for an account' },

app/soapbox/components/attachment_list.js

@@ -1,6 +1,6 @@
+import PropTypes from 'prop-types';
 import React from 'react';
 import ImmutablePropTypes from 'react-immutable-proptypes';
-import PropTypes from 'prop-types';
 import ImmutablePureComponent from 'react-immutable-pure-component';
 import Icon from 'soapbox/components/icon';
 

app/soapbox/components/attachment_thumbs.js

@@ -1,11 +1,11 @@
-import React from 'react';
-import { connect } from 'react-redux';
 import PropTypes from 'prop-types';
+import React from 'react';
 import ImmutablePropTypes from 'react-immutable-proptypes';
 import ImmutablePureComponent from 'react-immutable-pure-component';
-import { MediaGallery } from 'soapbox/features/ui/util/async-components';
+import { connect } from 'react-redux';
 import { openModal } from 'soapbox/actions/modal';
 import Bundle from 'soapbox/features/ui/components/bundle';
+import { MediaGallery } from 'soapbox/features/ui/util/async-components';
 
 export default @connect()
 class AttachmentThumbs extends ImmutablePureComponent {

app/soapbox/components/autosuggest_account_input.js

@@ -1,10 +1,10 @@
-import React from 'react';
-import PropTypes from 'prop-types';
 import { CancelToken } from 'axios';
-import ImmutablePureComponent from 'react-immutable-pure-component';
-import { connect } from 'react-redux';
 import { OrderedSet as ImmutableOrderedSet } from 'immutable';
 import { throttle } from 'lodash';
+import PropTypes from 'prop-types';
+import React from 'react';
+import ImmutablePureComponent from 'react-immutable-pure-component';
+import { connect } from 'react-redux';
 import { accountSearch } from 'soapbox/actions/accounts';
 import AutosuggestInput from './autosuggest_input';
 

app/soapbox/components/autosuggest_emoji.js

@@ -1,5 +1,5 @@
-import React from 'react';
 import PropTypes from 'prop-types';
+import React from 'react';
 import { joinPublicPath } from 'soapbox/utils/static';
 import unicodeMapping from '../features/emoji/emoji_unicode_mapping_light';
 

app/soapbox/components/autosuggest_input.js

@@ -1,12 +1,12 @@
-import React from 'react';
-import ImmutablePropTypes from 'react-immutable-proptypes';
-import PropTypes from 'prop-types';
-import ImmutablePureComponent from 'react-immutable-pure-component';
 import classNames from 'classnames';
 import { List as ImmutableList } from 'immutable';
+import PropTypes from 'prop-types';
+import React from 'react';
+import ImmutablePropTypes from 'react-immutable-proptypes';
+import ImmutablePureComponent from 'react-immutable-pure-component';
 import Icon from 'soapbox/components/icon';
-import { isRtl } from '../rtl';
 import AutosuggestAccountContainer from '../features/compose/containers/autosuggest_account_container';
+import { isRtl } from '../rtl';
 import AutosuggestEmoji from './autosuggest_emoji';
 
 const textAtCursorMatchesToken = (str, caretPosition, searchTokens) => {

app/soapbox/components/autosuggest_textarea.js

@@ -1,11 +1,11 @@
+import classNames from 'classnames';
+import PropTypes from 'prop-types';
 import React from 'react';
 import ImmutablePropTypes from 'react-immutable-proptypes';
-import PropTypes from 'prop-types';
 import ImmutablePureComponent from 'react-immutable-pure-component';
 import Textarea from 'react-textarea-autosize';
-import classNames from 'classnames';
-import { isRtl } from '../rtl';
 import AutosuggestAccountContainer from '../features/compose/containers/autosuggest_account_container';
+import { isRtl } from '../rtl';
 import AutosuggestEmoji from './autosuggest_emoji';
 
 const textAtCursorMatchesToken = (str, caretPosition) => {

app/soapbox/components/avatar.js

@@ -1,7 +1,7 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import ImmutablePropTypes from 'react-immutable-proptypes';
 import classNames from 'classnames';
+import PropTypes from 'prop-types';
+import React from 'react';
+import ImmutablePropTypes from 'react-immutable-proptypes';
 import StillImage from 'soapbox/components/still_image';
 
 export default class Avatar extends React.PureComponent {

app/soapbox/components/avatar_composite.js

@@ -1,5 +1,5 @@
-import React from 'react';
 import PropTypes from 'prop-types';
+import React from 'react';
 import ImmutablePropTypes from 'react-immutable-proptypes';
 import StillImage from 'soapbox/components/still_image';
 

app/soapbox/components/badge.js

@@ -1,5 +1,5 @@
-import React from 'react';
 import PropTypes from 'prop-types';
+import React from 'react';
 
 const Badge = (props) => (
   <span className={'badge badge--' + props.slug}>{props.title}</span>

app/soapbox/components/blurhash.js

@@ -1,8 +1,8 @@
 // @ts-check
 
 import { decode } from 'blurhash';
-import React, { useRef, useEffect } from 'react';
 import PropTypes from 'prop-types';
+import React, { useRef, useEffect } from 'react';
 
 /**
  * @typedef BlurhashPropsBase

app/soapbox/components/button.js

@@ -1,6 +1,6 @@
-import React from 'react';
-import PropTypes from 'prop-types';
 import classNames from 'classnames';
+import PropTypes from 'prop-types';
+import React from 'react';
 import { Link } from 'react-router-dom';
 import Icon from './icon';
 

app/soapbox/components/column.js

@@ -1,6 +1,6 @@
-import React from 'react';
-import PropTypes from 'prop-types';
 import classNames from 'classnames';
+import PropTypes from 'prop-types';
+import React from 'react';
 
 export default class Column extends React.PureComponent {
 

app/soapbox/components/column_back_button.js

@@ -1,6 +1,6 @@
+import PropTypes from 'prop-types';
 import React from 'react';
 import { FormattedMessage } from 'react-intl';
-import PropTypes from 'prop-types';
 import Icon from 'soapbox/components/icon';
 
 export default class ColumnBackButton extends React.PureComponent {

app/soapbox/components/column_header.js

@@ -1,7 +1,7 @@
 'use strict';
 
-import React from 'react';
 import PropTypes from 'prop-types';
+import React from 'react';
 // import classNames from 'classnames';
 // import { injectIntl, defineMessages } from 'react-intl';
 // import Icon from 'soapbox/components/icon';

app/soapbox/components/display_name.js

@@ -1,14 +1,14 @@
-import React from 'react';
 import PropTypes from 'prop-types';
-import { connect } from 'react-redux';
+import React from 'react';
 import ImmutablePropTypes from 'react-immutable-proptypes';
+import { connect } from 'react-redux';
 import HoverRefWrapper from 'soapbox/components/hover_ref_wrapper';
-import { displayFqn } from 'soapbox/utils/state';
 import { isVerified } from 'soapbox/utils/accounts';
+import { displayFqn } from 'soapbox/utils/state';
 import { getAcct } from '../utils/accounts';
-import VerificationBadge from './verification_badge';
 import Icon from './icon';
 import RelativeTimestamp from './relative_timestamp';
+import VerificationBadge from './verification_badge';
 
 const mapStateToProps = state => {
   return {

app/soapbox/components/domain.js

@@ -1,7 +1,7 @@
-import React from 'react';
 import PropTypes from 'prop-types';
-import { defineMessages, injectIntl } from 'react-intl';
+import React from 'react';
 import ImmutablePureComponent from 'react-immutable-pure-component';
+import { defineMessages, injectIntl } from 'react-intl';
 import IconButton from './icon_button';
 
 const messages = defineMessages({

app/soapbox/components/dropdown_menu.js

@@ -1,10 +1,10 @@
-import React from 'react';
 import classNames from 'classnames';
-import PropTypes from 'prop-types';
-import ImmutablePropTypes from 'react-immutable-proptypes';
-import Overlay from 'react-overlays/lib/Overlay';
-import spring from 'react-motion/lib/spring';
 import { supportsPassiveEvents } from 'detect-passive-events';
+import PropTypes from 'prop-types';
+import React from 'react';
+import ImmutablePropTypes from 'react-immutable-proptypes';
+import spring from 'react-motion/lib/spring';
+import Overlay from 'react-overlays/lib/Overlay';
 import Icon from 'soapbox/components/icon';
 import Motion from '../features/ui/util/optional_motion';
 import IconButton from './icon_button';

app/soapbox/components/emoji_selector.js

@@ -1,11 +1,11 @@
-import React from 'react';
+import classNames from 'classnames';
 import PropTypes from 'prop-types';
+import React from 'react';
 import { HotKeys } from 'react-hotkeys';
 import ImmutablePureComponent from 'react-immutable-pure-component';
 import { connect } from 'react-redux';
-import classNames from 'classnames';
-import emojify from 'soapbox/features/emoji/emoji';
 import { getSoapboxConfig } from 'soapbox/actions/soapbox';
+import emojify from 'soapbox/features/emoji/emoji';
 
 const mapStateToProps = state => ({
   allowedEmoji: getSoapboxConfig(state).get('allowedEmoji'),

app/soapbox/components/error_boundary.js

@@ -1,8 +1,8 @@
-import React from 'react';
 import PropTypes from 'prop-types';
+import React from 'react';
 import { FormattedMessage } from 'react-intl';
-import { captureException } from 'soapbox/monitoring';
 import Icon from 'soapbox/components/icon';
+import { captureException } from 'soapbox/monitoring';
 
 export default class ErrorBoundary extends React.PureComponent {
 

app/soapbox/components/extended_video_player.js

@@ -1,5 +1,5 @@
-import React from 'react';
 import PropTypes from 'prop-types';
+import React from 'react';
 import { isIOS } from 'soapbox/is_mobile';
 
 export default class ExtendedVideoPlayer extends React.PureComponent {

app/soapbox/components/filter_bar.js

@@ -1,7 +1,7 @@
-import React from 'react';
 import classNames from 'classnames';
-import PropTypes from 'prop-types';
 import { debounce } from 'lodash';
+import PropTypes from 'prop-types';
+import React from 'react';
 
 export default class FilterBar extends React.PureComponent {
 

app/soapbox/components/fork_awesome_icon.js

@@ -5,9 +5,9 @@
  * @see soapbox/components/icon
  */
 
-import React from 'react';
-import PropTypes from 'prop-types';
 import classNames from 'classnames';
+import PropTypes from 'prop-types';
+import React from 'react';
 
 export default class ForkAwesomeIcon extends React.PureComponent {
 

app/soapbox/components/hashtag.js

@@ -1,7 +1,7 @@
 import React from 'react';
-import { Sparklines, SparklinesCurve } from 'react-sparklines';
-import { FormattedMessage } from 'react-intl';
 import ImmutablePropTypes from 'react-immutable-proptypes';
+import { FormattedMessage } from 'react-intl';
+import { Sparklines, SparklinesCurve } from 'react-sparklines';
 import { shortNumberFormat } from '../utils/numbers';
 import Permalink from './permalink';
 

app/soapbox/components/helmet.js

@@ -1,8 +1,8 @@
-import React from 'react';
-import { connect } from 'react-redux';
 import PropTypes from 'prop-types';
-import { withRouter } from 'react-router-dom';
+import React from 'react';
 import { Helmet } from'react-helmet';
+import { connect } from 'react-redux';
+import { withRouter } from 'react-router-dom';
 import { getSettings } from 'soapbox/actions/settings';
 import sourceCode from 'soapbox/utils/code';
 import FaviconService from 'soapbox/utils/favicon_service';

app/soapbox/components/hover_ref_wrapper.js

@@ -1,7 +1,7 @@
-import React, { useRef } from 'react';
-import PropTypes from 'prop-types';
-import { useDispatch } from 'react-redux';
 import { debounce } from 'lodash';
+import PropTypes from 'prop-types';
+import React, { useRef } from 'react';
+import { useDispatch } from 'react-redux';
 import {
   openProfileHoverCard,
   closeProfileHoverCard,

app/soapbox/components/icon.js

@@ -5,8 +5,8 @@
  * @see soapbox/components/svg_icon
  */
 
-import React from 'react';
 import PropTypes from 'prop-types';
+import React from 'react';
 import ForkAwesomeIcon from './fork_awesome_icon';
 import SvgIcon from './svg_icon';
 

app/soapbox/components/icon_button.js

@@ -1,7 +1,7 @@
+import classNames from 'classnames';
+import PropTypes from 'prop-types';
 import React from 'react';
 import spring from 'react-motion/lib/spring';
-import PropTypes from 'prop-types';
-import classNames from 'classnames';
 import Icon from 'soapbox/components/icon';
 import emojify from 'soapbox/features/emoji/emoji';
 import Motion from '../features/ui/util/optional_motion';

app/soapbox/components/icon_with_counter.js

@@ -1,5 +1,5 @@
-import React from 'react';
 import PropTypes from 'prop-types';
+import React from 'react';
 import Icon from 'soapbox/components/icon';
 import { shortNumberFormat } from 'soapbox/utils/numbers';
 

app/soapbox/components/intersection_observer_article.js

@@ -1,8 +1,8 @@
-import React from 'react';
-import PropTypes from 'prop-types';
 import { is } from 'immutable';
-import scheduleIdleTask from '../features/ui/util/schedule_idle_task';
+import PropTypes from 'prop-types';
+import React from 'react';
 import getRectFromEntry from '../features/ui/util/get_rect_from_entry';
+import scheduleIdleTask from '../features/ui/util/schedule_idle_task';
 
 // Diff these props in the "rendered" state
 const updateOnPropsForRendered = ['id', 'index', 'listLength'];

app/soapbox/components/load_gap.js

@@ -1,5 +1,5 @@
-import React from 'react';
 import PropTypes from 'prop-types';
+import React from 'react';
 import { injectIntl, defineMessages } from 'react-intl';
 import Icon from 'soapbox/components/icon';
 

app/soapbox/components/load_more.js

@@ -1,6 +1,6 @@
+import PropTypes from 'prop-types';
 import React from 'react';
 import { FormattedMessage } from 'react-intl';
-import PropTypes from 'prop-types';
 
 export default class LoadMore extends React.PureComponent {
 

app/soapbox/components/loading_spinner.js

@@ -2,8 +2,8 @@
  * iOS style loading spinner.
  * It's mostly CSS, adapted from: https://loading.io/css/
  */
-import React from 'react';
 import PropTypes from 'prop-types';
+import React from 'react';
 
 const LoadingSpinner = ({ size = 30 }) => (
   <div class='lds-spinner' style={{ width: size, height: size }}>

app/soapbox/components/material_status.js

@@ -2,8 +2,8 @@
  * MaterialStatus: like a Status, but with gaps and rounded corners.
  */
 
-import React from 'react';
 import PropTypes from 'prop-types';
+import React from 'react';
 import StatusContainer from 'soapbox/containers/status_container';
 
 export default class MaterialStatus extends React.Component {

app/soapbox/components/media_gallery.js

@@ -1,18 +1,18 @@
-import React from 'react';
-import { connect } from 'react-redux';
-import ImmutablePropTypes from 'react-immutable-proptypes';
-import PropTypes from 'prop-types';
-import { is } from 'immutable';
-import { defineMessages, injectIntl, FormattedMessage } from 'react-intl';
 import classNames from 'classnames';
+import { is } from 'immutable';
 import { Map as ImmutableMap } from 'immutable';
-import { truncateFilename } from 'soapbox/utils/media';
+import PropTypes from 'prop-types';
+import React from 'react';
+import ImmutablePropTypes from 'react-immutable-proptypes';
+import { defineMessages, injectIntl, FormattedMessage } from 'react-intl';
+import { connect } from 'react-redux';
 import { getSettings } from 'soapbox/actions/settings';
+import Blurhash from 'soapbox/components/blurhash';
 import Icon from 'soapbox/components/icon';
 import StillImage from 'soapbox/components/still_image';
-import Blurhash from 'soapbox/components/blurhash';
-import { isPanoramic, isPortrait, isNonConformingRatio, minimumAspectRatio, maximumAspectRatio } from '../utils/media_aspect_ratio';
+import { truncateFilename } from 'soapbox/utils/media';
 import { isIOS } from '../is_mobile';
+import { isPanoramic, isPortrait, isNonConformingRatio, minimumAspectRatio, maximumAspectRatio } from '../utils/media_aspect_ratio';
 import IconButton from './icon_button';
 
 const ATTACHMENT_LIMIT = 4;

app/soapbox/components/modal_root.js

@@ -1,11 +1,11 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import 'wicg-inert';
 import { createBrowserHistory } from 'history';
+import PropTypes from 'prop-types';
+import React from 'react';
+import 'wicg-inert';
 import { injectIntl, FormattedMessage, defineMessages } from 'react-intl';
 import { connect } from 'react-redux';
-import { openModal } from '../actions/modal';
 import { cancelReplyCompose } from '../actions/compose';
+import { openModal } from '../actions/modal';
 
 const messages = defineMessages({
   confirm: { id: 'confirmations.delete.confirm', defaultMessage: 'Delete' },

app/soapbox/components/more_follows.js

@@ -1,7 +1,7 @@
-import React from 'react';
 import PropTypes from 'prop-types';
-import { connect } from 'react-redux';
+import React from 'react';
 import { defineMessages, injectIntl } from 'react-intl';
+import { connect } from 'react-redux';
 import { getFeatures } from 'soapbox/utils/features';
 
 const messages = defineMessages({

app/soapbox/components/permalink.js

@@ -1,5 +1,5 @@
-import React from 'react';
 import PropTypes from 'prop-types';
+import React from 'react';
 
 export default class Permalink extends React.PureComponent {
 

app/soapbox/components/poll.js

@@ -1,17 +1,17 @@
-import React from 'react';
+import classNames from 'classnames';
+import escapeTextContentForBrowser from 'escape-html';
 import PropTypes from 'prop-types';
+import React from 'react';
 import ImmutablePropTypes from 'react-immutable-proptypes';
 import ImmutablePureComponent from 'react-immutable-pure-component';
 import { defineMessages, injectIntl, FormattedMessage } from 'react-intl';
-import classNames from 'classnames';
 import spring from 'react-motion/lib/spring';
-import escapeTextContentForBrowser from 'escape-html';
+import { openModal } from 'soapbox/actions/modal';
 import { vote, fetchPoll } from 'soapbox/actions/polls';
+import Icon from 'soapbox/components/icon';
+import emojify from 'soapbox/features/emoji/emoji';
 import Motion from 'soapbox/features/ui/util/optional_motion';
 import SoapboxPropTypes from 'soapbox/utils/soapbox_prop_types';
-import emojify from 'soapbox/features/emoji/emoji';
-import Icon from 'soapbox/components/icon';
-import { openModal } from 'soapbox/actions/modal';
 import RelativeTimestamp from './relative_timestamp';
 
 const messages = defineMessages({

app/soapbox/components/primary_navigation.js

@@ -1,18 +1,18 @@
 'use strict';
 
-import React from 'react';
-import { connect } from 'react-redux';
+import classNames from 'classnames';
 import PropTypes from 'prop-types';
+import React from 'react';
 import ImmutablePropTypes from 'react-immutable-proptypes';
 import { FormattedMessage } from 'react-intl';
+import { connect } from 'react-redux';
 import { NavLink, withRouter } from 'react-router-dom';
-import classNames from 'classnames';
+import { getSettings } from 'soapbox/actions/settings';
+import { getSoapboxConfig } from 'soapbox/actions/soapbox';
 import Icon from 'soapbox/components/icon';
 import IconWithCounter from 'soapbox/components/icon_with_counter';
-import { getSettings } from 'soapbox/actions/settings';
-import { getFeatures } from 'soapbox/utils/features';
-import { getSoapboxConfig } from 'soapbox/actions/soapbox';
 import { isStaff, getBaseURL } from 'soapbox/utils/accounts';
+import { getFeatures } from 'soapbox/utils/features';
 
 const mapStateToProps = state => {
   const me = state.get('me');

app/soapbox/components/profile_hover_card.js

@@ -1,21 +1,21 @@
-import React, { useEffect, useState } from 'react';
-import PropTypes from 'prop-types';
-import { useSelector, useDispatch } from 'react-redux';
-import { injectIntl, FormattedMessage } from 'react-intl';
-import ImmutablePropTypes from 'react-immutable-proptypes';
 import classNames from 'classnames';
+import PropTypes from 'prop-types';
+import React, { useEffect, useState } from 'react';
+import ImmutablePropTypes from 'react-immutable-proptypes';
+import { injectIntl, FormattedMessage } from 'react-intl';
 import { usePopper } from 'react-popper';
-import { makeGetAccount } from 'soapbox/selectors';
-import BundleContainer from 'soapbox/features/ui/containers/bundle_container';
-import { UserPanel } from 'soapbox/features/ui/util/async-components';
-import ActionButton from 'soapbox/features/ui/components/action_button';
-import { isAdmin, isModerator } from 'soapbox/utils/accounts';
-import Badge from 'soapbox/components/badge';
+import { useSelector, useDispatch } from 'react-redux';
 import { fetchRelationships } from 'soapbox/actions/accounts';
 import {
   closeProfileHoverCard,
   updateProfileHoverCard,
 } from 'soapbox/actions/profile_hover_card';
+import Badge from 'soapbox/components/badge';
+import ActionButton from 'soapbox/features/ui/components/action_button';
+import BundleContainer from 'soapbox/features/ui/containers/bundle_container';
+import { UserPanel } from 'soapbox/features/ui/util/async-components';
+import { makeGetAccount } from 'soapbox/selectors';
+import { isAdmin, isModerator } from 'soapbox/utils/accounts';
 
 const getAccount = makeGetAccount();
 

app/soapbox/components/progress_circle.js

@@ -1,6 +1,6 @@
-import React from 'react';
-import PropTypes from 'prop-types';
 import classNames from 'classnames';
+import PropTypes from 'prop-types';
+import React from 'react';
 
 export default class ProgressCircle extends React.PureComponent {
 

app/soapbox/components/pull_to_refresh.js

@@ -1,5 +1,5 @@
-import React from 'react';
 import PropTypes from 'prop-types';
+import React from 'react';
 import PTRComponent from 'react-simple-pull-to-refresh';
 
 /**

app/soapbox/components/pullable.js

@@ -1,5 +1,5 @@
-import React from 'react';
 import PropTypes from 'prop-types';
+import React from 'react';
 import PullToRefresh from './pull_to_refresh';
 
 /**

app/soapbox/components/radio_button.js

@@ -1,6 +1,6 @@
-import React from 'react';
-import PropTypes from 'prop-types';
 import classNames from 'classnames';
+import PropTypes from 'prop-types';
+import React from 'react';
 
 export default class RadioButton extends React.PureComponent {
 

app/soapbox/components/relative_timestamp.js

@@ -1,6 +1,6 @@
+import PropTypes from 'prop-types';
 import React from 'react';
 import { injectIntl, defineMessages } from 'react-intl';
-import PropTypes from 'prop-types';
 
 const messages = defineMessages({
   just_now: { id: 'relative_time.just_now', defaultMessage: 'now' },

app/soapbox/components/scrollable_list.js

@@ -1,16 +1,16 @@
-import React, { PureComponent } from 'react';
-import PropTypes from 'prop-types';
-import { connect } from 'react-redux';
 import classNames from 'classnames';
-import { throttle } from 'lodash';
 import { List as ImmutableList } from 'immutable';
+import { throttle } from 'lodash';
+import PropTypes from 'prop-types';
+import React, { PureComponent } from 'react';
+import { connect } from 'react-redux';
 import { getSettings } from 'soapbox/actions/settings';
 import PullToRefresh from 'soapbox/components/pull_to_refresh';
 import IntersectionObserverArticleContainer from '../containers/intersection_observer_article_container';
 import IntersectionObserverWrapper from '../features/ui/util/intersection_observer_wrapper';
 import LoadMore from './load_more';
-import MoreFollows from './more_follows';
 import LoadingIndicator from './loading_indicator';
+import MoreFollows from './more_follows';
 
 const MOUSE_IDLE_DELAY = 300;
 

app/soapbox/components/setting_text.js

@@ -1,5 +1,5 @@
-import React from 'react';
 import PropTypes from 'prop-types';
+import React from 'react';
 import ImmutablePropTypes from 'react-immutable-proptypes';
 
 export default class SettingText extends React.PureComponent {

app/soapbox/components/settings_checkbox.js

@@ -1,8 +1,8 @@
-import React from 'react';
-import { connect } from 'react-redux';
-import ImmutablePureComponent from 'react-immutable-pure-component';
 import PropTypes from 'prop-types';
+import React from 'react';
 import ImmutablePropTypes from 'react-immutable-proptypes';
+import ImmutablePureComponent from 'react-immutable-pure-component';
+import { connect } from 'react-redux';
 import { getSettings, changeSetting } from 'soapbox/actions/settings';
 import { Checkbox } from 'soapbox/features/forms';
 

app/soapbox/components/showable_password.js

@@ -1,8 +1,8 @@
+import classNames from 'classnames';
+import PropTypes from 'prop-types';
 import React from 'react';
 import ImmutablePureComponent from 'react-immutable-pure-component';
 import { defineMessages, injectIntl } from 'react-intl';
-import PropTypes from 'prop-types';
-import classNames from 'classnames';
 import IconButton from 'soapbox/components/icon_button';
 import { FormPropTypes, InputContainer, LabelInputContainer } from 'soapbox/features/forms';
 

app/soapbox/components/sidebar_menu.js

@@ -1,26 +1,26 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { connect } from 'react-redux';
+import classNames from 'classnames';
+import { is as ImmutableIs } from 'immutable';
 import { throttle } from 'lodash';
-import { Link, NavLink } from 'react-router-dom';
+import PropTypes from 'prop-types';
+import React from 'react';
 import ImmutablePropTypes from 'react-immutable-proptypes';
 import ImmutablePureComponent from 'react-immutable-pure-component';
 import { injectIntl, defineMessages, FormattedMessage } from 'react-intl';
-import classNames from 'classnames';
-import { is as ImmutableIs } from 'immutable';
+import { connect } from 'react-redux';
+import { Link, NavLink } from 'react-router-dom';
 import { logOut, switchAccount } from 'soapbox/actions/auth';
 import { fetchOwnAccounts } from 'soapbox/actions/auth';
 import { getSettings } from 'soapbox/actions/settings';
 import { getSoapboxConfig } from 'soapbox/actions/soapbox';
 import { getFeatures } from 'soapbox/utils/features';
 import { closeSidebar } from '../actions/sidebar';
-import { isAdmin, getBaseURL } from '../utils/accounts';
-import { makeGetAccount, makeGetOtherAccounts } from '../selectors';
 import ThemeToggle from '../features/ui/components/theme_toggle_container';
+import { makeGetAccount, makeGetOtherAccounts } from '../selectors';
+import { isAdmin, getBaseURL } from '../utils/accounts';
 import Avatar from './avatar';
-import IconButton from './icon_button';
-import Icon from './icon';
 import DisplayName from './display_name';
+import Icon from './icon';
+import IconButton from './icon_button';
 
 const messages = defineMessages({
   followers: { id: 'account.followers', defaultMessage: 'Followers' },

app/soapbox/components/status.js

@@ -1,27 +1,27 @@
-import React from 'react';
-import ImmutablePropTypes from 'react-immutable-proptypes';
-import PropTypes from 'prop-types';
-import { injectIntl, FormattedMessage } from 'react-intl';
-import ImmutablePureComponent from 'react-immutable-pure-component';
-import { HotKeys } from 'react-hotkeys';
 import classNames from 'classnames';
+import PropTypes from 'prop-types';
+import React from 'react';
+import { HotKeys } from 'react-hotkeys';
+import ImmutablePropTypes from 'react-immutable-proptypes';
+import ImmutablePureComponent from 'react-immutable-pure-component';
+import { injectIntl, FormattedMessage } from 'react-intl';
 import { Link, NavLink } from 'react-router-dom';
-import Icon from 'soapbox/components/icon';
-import { getDomain } from 'soapbox/utils/accounts';
 import HoverRefWrapper from 'soapbox/components/hover_ref_wrapper';
+import Icon from 'soapbox/components/icon';
 import PlaceholderCard from 'soapbox/features/placeholder/components/placeholder_card';
+import { getDomain } from 'soapbox/utils/accounts';
 import Card from '../features/status/components/card';
 import Bundle from '../features/ui/components/bundle';
 import { MediaGallery, Video, Audio } from '../features/ui/util/async-components';
-import Avatar from './avatar';
-import AvatarOverlay from './avatar_overlay';
-import AvatarComposite from './avatar_composite';
-import RelativeTimestamp from './relative_timestamp';
-import DisplayName from './display_name';
-import StatusContent from './status_content';
-import StatusActionBar from './status_action_bar';
-import StatusReplyMentions from './status_reply_mentions';
 import AttachmentThumbs from './attachment_thumbs';
+import Avatar from './avatar';
+import AvatarComposite from './avatar_composite';
+import AvatarOverlay from './avatar_overlay';
+import DisplayName from './display_name';
+import RelativeTimestamp from './relative_timestamp';
+import StatusActionBar from './status_action_bar';
+import StatusContent from './status_content';
+import StatusReplyMentions from './status_reply_mentions';
 
 export const textForScreenReader = (intl, status, rebloggedByText = false) => {
   const displayName = status.getIn(['account', 'display_name']);

app/soapbox/components/status_action_bar.js

@@ -1,18 +1,18 @@
-import React from 'react';
-import { connect } from 'react-redux';
-import ImmutablePropTypes from 'react-immutable-proptypes';
-import PropTypes from 'prop-types';
-import { defineMessages, injectIntl } from 'react-intl';
-import ImmutablePureComponent from 'react-immutable-pure-component';
-import { Link } from 'react-router-dom';
 import { List as ImmutableList } from 'immutable';
-import EmojiSelector from 'soapbox/components/emoji_selector';
-import { getReactForStatus, reduceEmoji } from 'soapbox/utils/emoji_reacts';
+import PropTypes from 'prop-types';
+import React from 'react';
+import ImmutablePropTypes from 'react-immutable-proptypes';
+import ImmutablePureComponent from 'react-immutable-pure-component';
+import { defineMessages, injectIntl } from 'react-intl';
+import { connect } from 'react-redux';
+import { Link } from 'react-router-dom';
 import { simpleEmojiReact } from 'soapbox/actions/emoji_reacts';
-import { isStaff, isAdmin } from 'soapbox/utils/accounts';
-import SoapboxPropTypes from 'soapbox/utils/soapbox_prop_types';
-import { getFeatures } from 'soapbox/utils/features';
+import EmojiSelector from 'soapbox/components/emoji_selector';
 import { isUserTouching } from 'soapbox/is_mobile';
+import { isStaff, isAdmin } from 'soapbox/utils/accounts';
+import { getReactForStatus, reduceEmoji } from 'soapbox/utils/emoji_reacts';
+import { getFeatures } from 'soapbox/utils/features';
+import SoapboxPropTypes from 'soapbox/utils/soapbox_prop_types';
 import { openModal } from '../actions/modal';
 import DropdownMenuContainer from '../containers/dropdown_menu_container';
 import IconButton from './icon_button';

app/soapbox/components/status_content.js

@@ -1,12 +1,12 @@
-import React from 'react';
-import { connect } from 'react-redux';
-import ImmutablePropTypes from 'react-immutable-proptypes';
-import PropTypes from 'prop-types';
-import { FormattedMessage } from 'react-intl';
 import classnames from 'classnames';
-import PollContainer from 'soapbox/containers/poll_container';
-import Icon from 'soapbox/components/icon';
+import PropTypes from 'prop-types';
+import React from 'react';
+import ImmutablePropTypes from 'react-immutable-proptypes';
+import { FormattedMessage } from 'react-intl';
+import { connect } from 'react-redux';
 import { getSoapboxConfig } from 'soapbox/actions/soapbox';
+import Icon from 'soapbox/components/icon';
+import PollContainer from 'soapbox/containers/poll_container';
 import { addGreentext } from 'soapbox/utils/greentext';
 import { onlyEmoji } from 'soapbox/utils/rich_content';
 import { isRtl } from '../rtl';

app/soapbox/components/status_list.js

@@ -1,12 +1,12 @@
 import { debounce } from 'lodash';
-import React from 'react';
-import { FormattedMessage, defineMessages } from 'react-intl';
-import ImmutablePropTypes from 'react-immutable-proptypes';
 import PropTypes from 'prop-types';
+import React from 'react';
+import ImmutablePropTypes from 'react-immutable-proptypes';
 import ImmutablePureComponent from 'react-immutable-pure-component';
+import { FormattedMessage, defineMessages } from 'react-intl';
 import MaterialStatus from 'soapbox/components/material_status';
-import PendingStatus from 'soapbox/features/ui/components/pending_status';
 import PlaceholderMaterialStatus from 'soapbox/features/placeholder/components/placeholder_material_status';
+import PendingStatus from 'soapbox/features/ui/components/pending_status';
 import LoadGap from './load_gap';
 import ScrollableList from './scrollable_list';
 import TimelineQueueButtonHeader from './timeline_queue_button_header';

app/soapbox/components/status_reply_mentions.js

@@ -1,12 +1,12 @@
-import React from 'react';
-import { connect } from 'react-redux';
-import { FormattedMessage, injectIntl } from 'react-intl';
-import ImmutablePureComponent from 'react-immutable-pure-component';
-import ImmutablePropTypes from 'react-immutable-proptypes';
 import PropTypes from 'prop-types';
+import React from 'react';
+import ImmutablePropTypes from 'react-immutable-proptypes';
+import ImmutablePureComponent from 'react-immutable-pure-component';
+import { FormattedMessage, injectIntl } from 'react-intl';
+import { connect } from 'react-redux';
 import { Link } from 'react-router-dom';
-import HoverRefWrapper from 'soapbox/components/hover_ref_wrapper';
 import { openModal } from 'soapbox/actions/modal';
+import HoverRefWrapper from 'soapbox/components/hover_ref_wrapper';
 
 const mapDispatchToProps = (dispatch) => ({
   onOpenMentionsModal(username, statusId) {

app/soapbox/components/still_image.js

@@ -1,7 +1,7 @@
+import classNames from 'classnames';
+import PropTypes from 'prop-types';
 import React from 'react';
 import { connect } from 'react-redux';
-import PropTypes from 'prop-types';
-import classNames from 'classnames';
 import { getSettings } from 'soapbox/actions/settings';
 
 const mapStateToProps = state => ({

app/soapbox/components/sub_navigation.js

@@ -1,13 +1,13 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { connect } from 'react-redux';
-import { injectIntl, defineMessages } from 'react-intl';
-import { throttle } from 'lodash';
 import classNames from 'classnames';
+import { throttle } from 'lodash';
+import PropTypes from 'prop-types';
+import React from 'react';
+import { injectIntl, defineMessages } from 'react-intl';
+import { connect } from 'react-redux';
+import { openModal } from 'soapbox/actions/modal';
+import Helmet from 'soapbox/components/helmet';
 import Icon from 'soapbox/components/icon';
 import IconButton from 'soapbox/components/icon_button';
-import Helmet from 'soapbox/components/helmet';
-import { openModal } from 'soapbox/actions/modal';
 
 const messages = defineMessages({
   back: { id: 'column_back_button.label', defaultMessage: 'Back' },

app/soapbox/components/svg_icon.js

@@ -4,9 +4,9 @@
  * @see soapbox/components/icon
  */
 
-import React from 'react';
-import PropTypes from 'prop-types';
 import classNames from 'classnames';
+import PropTypes from 'prop-types';
+import React from 'react';
 import InlineSVG from 'react-inlinesvg';
 
 export default class SvgIcon extends React.PureComponent {

app/soapbox/components/thumb_navigation.js

@@ -1,13 +1,13 @@
-import React from 'react';
-import { connect } from 'react-redux';
-import PropTypes from 'prop-types';
-import ImmutablePropTypes from 'react-immutable-proptypes';
-import { NavLink, withRouter } from 'react-router-dom';
-import { FormattedMessage } from 'react-intl';
 import classNames from 'classnames';
+import PropTypes from 'prop-types';
+import React from 'react';
+import ImmutablePropTypes from 'react-immutable-proptypes';
+import { FormattedMessage } from 'react-intl';
+import { connect } from 'react-redux';
+import { NavLink, withRouter } from 'react-router-dom';
+import { getSoapboxConfig } from 'soapbox/actions/soapbox';
 import Icon from 'soapbox/components/icon';
 import IconWithCounter from 'soapbox/components/icon_with_counter';
-import { getSoapboxConfig } from 'soapbox/actions/soapbox';
 import { isStaff } from 'soapbox/utils/accounts';
 import { getFeatures } from 'soapbox/utils/features';
 

app/soapbox/components/timeline_queue_button_header.js

@@ -1,11 +1,11 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { connect } from 'react-redux';
-import { injectIntl } from 'react-intl';
-import { throttle } from 'lodash';
 import classNames from 'classnames';
-import Icon from 'soapbox/components/icon';
+import { throttle } from 'lodash';
+import PropTypes from 'prop-types';
+import React from 'react';
+import { injectIntl } from 'react-intl';
+import { connect } from 'react-redux';
 import { getSettings } from 'soapbox/actions/settings';
+import Icon from 'soapbox/components/icon';
 
 const mapStateToProps = state => {
   const settings = getSettings(state);

app/soapbox/containers/account_container.js

@@ -1,8 +1,6 @@
 import React from 'react';
-import { connect } from 'react-redux';
 import { defineMessages, injectIntl, FormattedMessage } from 'react-intl';
-import { makeGetAccount } from '../selectors';
-import Account from '../components/account';
+import { connect } from 'react-redux';
 import {
   followAccount,
   unfollowAccount,
@@ -14,6 +12,8 @@ import {
 import { openModal } from '../actions/modal';
 import { initMuteModal } from '../actions/mutes';
 import { getSettings } from '../actions/settings';
+import Account from '../components/account';
+import { makeGetAccount } from '../selectors';
 
 const messages = defineMessages({
   unfollowConfirm: { id: 'confirmations.unfollow.confirm', defaultMessage: 'Unfollow' },

app/soapbox/containers/domain_container.js

@@ -1,9 +1,9 @@
 import React from 'react';
-import { connect } from 'react-redux';
 import { defineMessages, injectIntl, FormattedMessage } from 'react-intl';
+import { connect } from 'react-redux';
 import { blockDomain, unblockDomain } from '../actions/domain_blocks';
-import Domain from '../components/domain';
 import { openModal } from '../actions/modal';
+import Domain from '../components/domain';
 
 const messages = defineMessages({
   blockDomainConfirm: { id: 'confirmations.domain_block.confirm', defaultMessage: 'Hide entire domain' },

app/soapbox/containers/intersection_observer_article_container.js

@@ -1,6 +1,6 @@
 import { connect } from 'react-redux';
-import IntersectionObserverArticle from '../components/intersection_observer_article';
 import { setHeight } from '../actions/height_cache';
+import IntersectionObserverArticle from '../components/intersection_observer_article';
 
 const makeMapStateToProps = (state, props) => ({
   cachedHeight: state.getIn(['height_cache', props.saveHeightKey, props.id]),

app/soapbox/containers/soapbox.js

@@ -1,31 +1,31 @@
 'use strict';
 
-import React from 'react';
-import { Provider, connect } from 'react-redux';
-import PropTypes from 'prop-types';
-import ImmutablePropTypes from 'react-immutable-proptypes';
 import classNames from 'classnames';
+import PropTypes from 'prop-types';
+import React from 'react';
+import ImmutablePropTypes from 'react-immutable-proptypes';
+import { IntlProvider } from 'react-intl';
+import { Provider, connect } from 'react-redux';
 import { Switch, BrowserRouter, Route } from 'react-router-dom';
 import { ScrollContext } from 'react-router-scroll-4';
 // import Introduction from '../features/introduction';
-import { IntlProvider } from 'react-intl';
-import Helmet from 'soapbox/components/helmet';
-import SoapboxPropTypes from 'soapbox/utils/soapbox_prop_types';
 import { loadInstance } from 'soapbox/actions/instance';
-import { loadSoapboxConfig } from 'soapbox/actions/soapbox';
 import { fetchMe } from 'soapbox/actions/me';
-import PublicLayout from 'soapbox/features/public_layout';
 import { getSettings } from 'soapbox/actions/settings';
+import { loadSoapboxConfig } from 'soapbox/actions/soapbox';
 import { getSoapboxConfig } from 'soapbox/actions/soapbox';
-import { generateThemeCss } from 'soapbox/utils/theme';
-import messages from 'soapbox/locales/messages';
 import { FE_SUBDIRECTORY } from 'soapbox/build_config';
+import Helmet from 'soapbox/components/helmet';
+import PublicLayout from 'soapbox/features/public_layout';
 import { createGlobals } from 'soapbox/globals';
-import { preload } from '../actions/preload';
-import UI from '../features/ui';
+import messages from 'soapbox/locales/messages';
+import SoapboxPropTypes from 'soapbox/utils/soapbox_prop_types';
+import { generateThemeCss } from 'soapbox/utils/theme';
 import { INTRODUCTION_VERSION } from '../actions/onboarding';
-import configureStore from '../store/configureStore';
+import { preload } from '../actions/preload';
 import ErrorBoundary from '../components/error_boundary';
+import UI from '../features/ui';
+import configureStore from '../store/configureStore';
 
 const validLocale = locale => Object.keys(messages).includes(locale);
 

app/soapbox/containers/status_container.js

@@ -1,16 +1,20 @@
 import React from 'react';
-import { connect } from 'react-redux';
 import { defineMessages, injectIntl, FormattedMessage } from 'react-intl';
-import { getSoapboxConfig } from 'soapbox/actions/soapbox';
-import { deactivateUserModal, deleteUserModal, deleteStatusModal, toggleStatusSensitivityModal } from 'soapbox/actions/moderation';
+import { connect } from 'react-redux';
 import { launchChat } from 'soapbox/actions/chats';
-import Status from '../components/status';
-import { makeGetStatus } from '../selectors';
+import { deactivateUserModal, deleteUserModal, deleteStatusModal, toggleStatusSensitivityModal } from 'soapbox/actions/moderation';
+import { getSoapboxConfig } from 'soapbox/actions/soapbox';
+import { blockAccount } from '../actions/accounts';
+import { showAlertForError } from '../actions/alerts';
 import {
   replyCompose,
   mentionCompose,
   directCompose,
 } from '../actions/compose';
+import {
+  createRemovedAccount,
+  groupRemoveStatus,
+} from '../actions/groups';
 import {
   reblog,
   favourite,
@@ -21,7 +25,10 @@ import {
   pin,
   unpin,
 } from '../actions/interactions';
-import { blockAccount } from '../actions/accounts';
+import { openModal } from '../actions/modal';
+import { initMuteModal } from '../actions/mutes';
+import { initReport } from '../actions/reports';
+import { getSettings } from '../actions/settings';
 import {
   muteStatus,
   unmuteStatus,
@@ -29,15 +36,8 @@ import {
   hideStatus,
   revealStatus,
 } from '../actions/statuses';
-import { initMuteModal } from '../actions/mutes';
-import { initReport } from '../actions/reports';
-import { openModal } from '../actions/modal';
-import { showAlertForError } from '../actions/alerts';
-import {
-  createRemovedAccount,
-  groupRemoveStatus,
-} from '../actions/groups';
-import { getSettings } from '../actions/settings';
+import Status from '../components/status';
+import { makeGetStatus } from '../selectors';
 
 const messages = defineMessages({
   deleteConfirm: { id: 'confirmations.delete.confirm', defaultMessage: 'Delete' },

app/soapbox/features/about/index.js

@@ -1,7 +1,7 @@
 import React from 'react';
-import { connect } from 'react-redux';
-import { injectIntl, FormattedMessage } from 'react-intl';
 import ImmutablePureComponent from 'react-immutable-pure-component';
+import { injectIntl, FormattedMessage } from 'react-intl';
+import { connect } from 'react-redux';
 import { fetchAboutPage } from 'soapbox/actions/about';
 import { getSettings } from 'soapbox/actions/settings';
 import { getSoapboxConfig } from 'soapbox/actions/soapbox';

app/soapbox/features/account/components/header.js

@@ -1,16 +1,24 @@
 'use strict';
 
-import React from 'react';
-import { connect } from 'react-redux';
-import ImmutablePropTypes from 'react-immutable-proptypes';
-import PropTypes from 'prop-types';
-import { defineMessages, injectIntl, FormattedMessage } from 'react-intl';
-import ImmutablePureComponent from 'react-immutable-pure-component';
 import classNames from 'classnames';
-import { NavLink } from 'react-router-dom';
-import { debounce } from 'lodash';
 import { List as ImmutableList, Map as ImmutableMap } from 'immutable';
+import { debounce } from 'lodash';
+import PropTypes from 'prop-types';
+import React from 'react';
+import ImmutablePropTypes from 'react-immutable-proptypes';
+import ImmutablePureComponent from 'react-immutable-pure-component';
+import { defineMessages, injectIntl, FormattedMessage } from 'react-intl';
+import { connect } from 'react-redux';
+import { NavLink } from 'react-router-dom';
+import { openModal } from 'soapbox/actions/modal';
+import Avatar from 'soapbox/components/avatar';
 import IconButton from 'soapbox/components/icon_button';
+import StillImage from 'soapbox/components/still_image';
+import DropdownMenuContainer from 'soapbox/containers/dropdown_menu_container';
+import ActionButton from 'soapbox/features/ui/components/action_button';
+import SubscriptionButton from 'soapbox/features/ui/components/subscription_button';
+import BundleContainer from 'soapbox/features/ui/containers/bundle_container';
+import { ProfileInfoPanel } from 'soapbox/features/ui/util/async-components';
 import {
   isStaff,
   isAdmin,
@@ -20,16 +28,8 @@ import {
   isRemote,
   getDomain,
 } from 'soapbox/utils/accounts';
-import Avatar from 'soapbox/components/avatar';
-import { shortNumberFormat } from 'soapbox/utils/numbers';
-import DropdownMenuContainer from 'soapbox/containers/dropdown_menu_container';
-import BundleContainer from 'soapbox/features/ui/containers/bundle_container';
-import { ProfileInfoPanel } from 'soapbox/features/ui/util/async-components';
-import StillImage from 'soapbox/components/still_image';
-import ActionButton from 'soapbox/features/ui/components/action_button';
-import SubscriptionButton from 'soapbox/features/ui/components/subscription_button';
-import { openModal } from 'soapbox/actions/modal';
 import { getFeatures } from 'soapbox/utils/features';
+import { shortNumberFormat } from 'soapbox/utils/numbers';
 
 const messages = defineMessages({
   edit_profile: { id: 'account.edit_profile', defaultMessage: 'Edit profile' },