eslint: enforce import/order

.eslintrc.js

@@ -223,6 +223,22 @@ module.exports = {
     ],
     'import/no-unresolved': 'error',
     'import/no-webpack-loader-syntax': 'error',
+    'import/order': [
+      'error',
+      {
+        groups: [
+          'builtin',
+          'external',
+          'internal',
+          'parent',
+          'sibling',
+          'index',
+          'object',
+          'type',
+        ],
+        'newlines-between': 'ignore',
+      },
+    ],
 
     'promise/catch-or-return': 'error',
 

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

@@ -1,13 +1,13 @@
+import { Map as ImmutableMap } from 'immutable';
+import MockAdapter from 'axios-mock-adapter';
+import { staticClient } from 'soapbox/api';
+import { mockStore } from 'soapbox/test_helpers';
 import {
   FETCH_ABOUT_PAGE_REQUEST,
   FETCH_ABOUT_PAGE_SUCCESS,
   FETCH_ABOUT_PAGE_FAIL,
   fetchAboutPage,
 } from '../about';
-import { Map as ImmutableMap } from 'immutable';
-import MockAdapter from 'axios-mock-adapter';
-import { staticClient } from 'soapbox/api';
-import { mockStore } from 'soapbox/test_helpers';
 
 describe('fetchAboutPage()', () => {
   it('creates the expected actions on success', () => {

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 {
   MASTODON_PRELOAD_IMPORT,
   preloadMastodon,
 } from '../preload';
 import { VERIFY_CREDENTIALS_REQUEST } from '../auth';
 import { ACCOUNTS_IMPORT } from '../importer';
-import { Map as ImmutableMap } from 'immutable';
-import { __stub } from 'soapbox/api';
-import { mockStore } from 'soapbox/test_helpers';
 
 describe('preloadMastodon()', () => {
   it('creates the expected actions', () => {

app/soapbox/actions/accounts.js

@@ -1,11 +1,11 @@
+import { isLoggedIn } from 'soapbox/utils/auth';
+import { getFeatures } from 'soapbox/utils/features';
 import api, { getLinks } from '../api';
 import {
   importFetchedAccount,
   importFetchedAccounts,
   importErrorWhileFetchingAccountByUsername,
 } from './importer';
-import { isLoggedIn } from 'soapbox/utils/auth';
-import { getFeatures } from 'soapbox/utils/features';
 
 export const ACCOUNT_CREATE_REQUEST = 'ACCOUNT_CREATE_REQUEST';
 export const ACCOUNT_CREATE_SUCCESS = 'ACCOUNT_CREATE_SUCCESS';

app/soapbox/actions/admin.js

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

app/soapbox/actions/aliases.js

@@ -1,9 +1,9 @@
 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 { isLoggedIn } from 'soapbox/utils/auth';
 import { ME_PATCH_SUCCESS } from './me';
 
 export const ALIASES_SUGGESTIONS_CHANGE = 'ALIASES_SUGGESTIONS_CHANGE';

app/soapbox/actions/auth.js

@@ -8,8 +8,6 @@
  */
 
 import { defineMessages } from 'react-intl';
-import api, { baseClient } from '../api';
-import { importFetchedAccount } from './importer';
 import snackbar from 'soapbox/actions/snackbar';
 import { createAccount } from 'soapbox/actions/accounts';
 import { fetchMeSuccess, fetchMeFail } from 'soapbox/actions/me';
@@ -20,6 +18,8 @@ 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';
 
 export const SWITCH_ACCOUNT = 'SWITCH_ACCOUNT';
 

app/soapbox/actions/blocks.js

@@ -1,8 +1,8 @@
+import { isLoggedIn } from 'soapbox/utils/auth';
+import { getNextLinkName } from 'soapbox/utils/quirks';
 import api, { getLinks } from '../api';
 import { fetchRelationships } from './accounts';
 import { importFetchedAccounts } from './importer';
-import { isLoggedIn } from 'soapbox/utils/auth';
-import { getNextLinkName } from 'soapbox/utils/quirks';
 
 export const BLOCKS_FETCH_REQUEST = 'BLOCKS_FETCH_REQUEST';
 export const BLOCKS_FETCH_SUCCESS = 'BLOCKS_FETCH_SUCCESS';

app/soapbox/actions/chats.js

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

app/soapbox/actions/compose.js

@@ -1,20 +1,20 @@
-import api from '../api';
 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 api from '../api';
 import { search as emojiSearch } from '../features/emoji/emoji_mart_search_light';
 import { tagHistory } from '../settings';
-import { useEmoji } from './emojis';
 import resizeImage from '../utils/resize_image';
+import { useEmoji } from './emojis';
 import { importFetchedAccounts } from './importer';
 import { showAlert, showAlertForError } from './alerts';
-import { defineMessages } from 'react-intl';
 import { openModal, closeModal } from './modal';
 import { getSettings } from './settings';
-import { getFeatures } from 'soapbox/utils/features';
 import { uploadMedia, fetchMedia, updateMedia } from './media';
-import { isLoggedIn } from 'soapbox/utils/auth';
 import { createStatus } from './statuses';
-import snackbar from 'soapbox/actions/snackbar';
 
 let cancelFetchComposeSuggestionsAccounts;
 

app/soapbox/actions/conversations.js

@@ -1,10 +1,10 @@
+import { isLoggedIn } from 'soapbox/utils/auth';
 import api, { getLinks } from '../api';
 import {
   importFetchedAccounts,
   importFetchedStatuses,
   importFetchedStatus,
 } from './importer';
-import { isLoggedIn } from 'soapbox/utils/auth';
 
 export const CONVERSATIONS_MOUNT   = 'CONVERSATIONS_MOUNT';
 export const CONVERSATIONS_UNMOUNT = 'CONVERSATIONS_UNMOUNT';

app/soapbox/actions/domain_blocks.js

@@ -1,5 +1,5 @@
-import api, { getLinks } from '../api';
 import { isLoggedIn } from 'soapbox/utils/auth';
+import api, { getLinks } from '../api';
 
 export const DOMAIN_BLOCK_REQUEST = 'DOMAIN_BLOCK_REQUEST';
 export const DOMAIN_BLOCK_SUCCESS = 'DOMAIN_BLOCK_SUCCESS';

app/soapbox/actions/emoji_reacts.js

@@ -1,8 +1,8 @@
+import { List as ImmutableList } from 'immutable';
+import { isLoggedIn } from 'soapbox/utils/auth';
 import api from '../api';
 import { importFetchedAccounts, importFetchedStatus } from './importer';
 import { favourite, unfavourite } from './interactions';
-import { isLoggedIn } from 'soapbox/utils/auth';
-import { List as ImmutableList } from 'immutable';
 
 export const EMOJI_REACT_REQUEST = 'EMOJI_REACT_REQUEST';
 export const EMOJI_REACT_SUCCESS = 'EMOJI_REACT_SUCCESS';

app/soapbox/actions/external_auth.js

@@ -6,14 +6,14 @@
  * @see module:soapbox/actions/oauth
  */
 
-import { baseClient } from '../api';
+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 { parseBaseURL } from 'soapbox/utils/auth';
 import { getFeatures } from 'soapbox/utils/features';
 import sourceCode from 'soapbox/utils/code';
-import { Map as ImmutableMap, fromJS } from 'immutable';
+import { baseClient } from '../api';
 
 const fetchExternalInstance = baseURL => {
   return baseClient(null, baseURL)

app/soapbox/actions/favourites.js

@@ -1,6 +1,6 @@
+import { isLoggedIn } from 'soapbox/utils/auth';
 import api, { getLinks } from '../api';
 import { importFetchedStatuses } from './importer';
-import { isLoggedIn } from 'soapbox/utils/auth';
 
 export const FAVOURITED_STATUSES_FETCH_REQUEST = 'FAVOURITED_STATUSES_FETCH_REQUEST';
 export const FAVOURITED_STATUSES_FETCH_SUCCESS = 'FAVOURITED_STATUSES_FETCH_SUCCESS';

app/soapbox/actions/filters.js

@@ -1,7 +1,7 @@
 import { defineMessages } from 'react-intl';
-import api from '../api';
 import snackbar from 'soapbox/actions/snackbar';
 import { isLoggedIn } from 'soapbox/utils/auth';
+import api from '../api';
 
 export const FILTERS_FETCH_REQUEST = 'FILTERS_FETCH_REQUEST';
 export const FILTERS_FETCH_SUCCESS = 'FILTERS_FETCH_SUCCESS';

app/soapbox/actions/group_editor.js

@@ -1,5 +1,5 @@
-import api from '../api';
 import { isLoggedIn } from 'soapbox/utils/auth';
+import api from '../api';
 
 export const GROUP_CREATE_REQUEST      = 'GROUP_CREATE_REQUEST';
 export const GROUP_CREATE_SUCCESS      = 'GROUP_CREATE_SUCCESS';

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 { isLoggedIn } from 'soapbox/utils/auth';
 
 export const GROUP_FETCH_REQUEST = 'GROUP_FETCH_REQUEST';
 export const GROUP_FETCH_SUCCESS = 'GROUP_FETCH_SUCCESS';

app/soapbox/actions/import_data.js

@@ -1,6 +1,6 @@
 import { defineMessages } from 'react-intl';
-import api from '../api';
 import snackbar from 'soapbox/actions/snackbar';
+import api from '../api';
 
 export const IMPORT_FOLLOWS_REQUEST = 'IMPORT_FOLLOWS_REQUEST';
 export const IMPORT_FOLLOWS_SUCCESS = 'IMPORT_FOLLOWS_SUCCESS';

app/soapbox/actions/instance.js

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

app/soapbox/actions/interactions.js

@@ -1,8 +1,8 @@
 import { defineMessages } from 'react-intl';
-import api from '../api';
-import { importFetchedAccounts, importFetchedStatus } from './importer';
 import snackbar from 'soapbox/actions/snackbar';
 import { isLoggedIn } from 'soapbox/utils/auth';
+import api from '../api';
+import { importFetchedAccounts, importFetchedStatus } from './importer';
 
 export const REBLOG_REQUEST = 'REBLOG_REQUEST';
 export const REBLOG_SUCCESS = 'REBLOG_SUCCESS';

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 { isLoggedIn } from 'soapbox/utils/auth';
 
 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 { getAuthUserId, getAuthUserUrl } from 'soapbox/utils/auth';
 
 export const ME_FETCH_REQUEST = 'ME_FETCH_REQUEST';
 export const ME_FETCH_SUCCESS = 'ME_FETCH_SUCCESS';

app/soapbox/actions/media.js

@@ -1,5 +1,5 @@
-import api from '../api';
 import { getFeatures } from 'soapbox/utils/features';
+import api from '../api';
 
 const noOp = () => {};
 

app/soapbox/actions/mrf.js

@@ -1,6 +1,6 @@
-import { fetchConfig, updateConfig } from './admin';
 import { Set as ImmutableSet } from 'immutable';
 import ConfigDB from 'soapbox/utils/config_db';
+import { fetchConfig, updateConfig } from './admin';
 
 const simplePolicyMerge = (simplePolicy, host, restrictions) => {
   return simplePolicy.map((hosts, key) => {

app/soapbox/actions/mutes.js

@@ -1,9 +1,9 @@
+import { isLoggedIn } from 'soapbox/utils/auth';
+import { getNextLinkName } from 'soapbox/utils/quirks';
 import api, { getLinks } from '../api';
 import { fetchRelationships } from './accounts';
 import { importFetchedAccounts } from './importer';
 import { openModal } from './modal';
-import { isLoggedIn } from 'soapbox/utils/auth';
-import { getNextLinkName } from 'soapbox/utils/quirks';
 
 export const MUTES_FETCH_REQUEST = 'MUTES_FETCH_REQUEST';
 export const MUTES_FETCH_SUCCESS = 'MUTES_FETCH_SUCCESS';

app/soapbox/actions/notifications.js

@@ -1,26 +1,26 @@
-import api, { getLinks } from '../api';
 import IntlMessageFormat from 'intl-messageformat';
 import 'intl-pluralrules';
-import { fetchRelationships } from './accounts';
-import {
-  importFetchedAccount,
-  importFetchedAccounts,
-  importFetchedStatus,
-  importFetchedStatuses,
-} from './importer';
-import { saveMarker } from './markers';
-import { getSettings, saveSettings } from './settings';
 import { defineMessages } from 'react-intl';
 import {
   List as ImmutableList,
   Map as ImmutableMap,
   OrderedMap as ImmutableOrderedMap,
 } from 'immutable';
-import { unescapeHTML } from '../utils/html';
-import { getFilters, regexFromFilters } from '../selectors';
 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 {
+  importFetchedAccount,
+  importFetchedAccounts,
+  importFetchedStatus,
+  importFetchedStatuses,
+} from './importer';
+import { fetchRelationships } from './accounts';
 
 export const NOTIFICATIONS_UPDATE      = 'NOTIFICATIONS_UPDATE';
 export const NOTIFICATIONS_UPDATE_NOOP = 'NOTIFICATIONS_UPDATE_NOOP';

app/soapbox/actions/pin_statuses.js

@@ -1,6 +1,6 @@
+import { isLoggedIn } from 'soapbox/utils/auth';
 import api from '../api';
 import { importFetchedStatuses } from './importer';
-import { isLoggedIn } from 'soapbox/utils/auth';
 
 export const PINNED_STATUSES_FETCH_REQUEST = 'PINNED_STATUSES_FETCH_REQUEST';
 export const PINNED_STATUSES_FETCH_SUCCESS = 'PINNED_STATUSES_FETCH_SUCCESS';

app/soapbox/actions/push_notifications/registerer.js

@@ -1,8 +1,8 @@
+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 { setBrowserSupport, setSubscription, clearSubscription } from './setter';
-import { createPushSubsription, updatePushSubscription } from 'soapbox/actions/push_subscriptions';
-import { getVapidKey } from 'soapbox/utils/auth';
 
 // Taken from https://www.npmjs.com/package/web-push
 const urlBase64ToUint8Array = (base64String) => {

app/soapbox/actions/security.js

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

app/soapbox/actions/settings.js

@@ -1,10 +1,10 @@
 import { debounce } from 'lodash';
-import { showAlertForError } from './alerts';
-import { patchMe } from 'soapbox/actions/me';
 import { Map as ImmutableMap, List as ImmutableList, OrderedSet as ImmutableOrderedSet } from 'immutable';
+import { createSelector } from 'reselect';
+import { patchMe } from 'soapbox/actions/me';
 import { isLoggedIn } from 'soapbox/utils/auth';
 import uuid from '../uuid';
-import { createSelector } from 'reselect';
+import { showAlertForError } from './alerts';
 
 export const SETTING_CHANGE = 'SETTING_CHANGE';
 export const SETTING_SAVE   = 'SETTING_SAVE';

app/soapbox/actions/soapbox.js

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

app/soapbox/actions/statuses.js

@@ -1,10 +1,10 @@
+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 { isLoggedIn } from 'soapbox/utils/auth';
-import { getFeatures } from 'soapbox/utils/features';
-import { shouldHaveCard } from 'soapbox/utils/status';
 
 export const STATUS_CREATE_REQUEST = 'STATUS_CREATE_REQUEST';
 export const STATUS_CREATE_SUCCESS = 'STATUS_CREATE_SUCCESS';

app/soapbox/actions/streaming.js

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

app/soapbox/actions/suggestions.js

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

app/soapbox/actions/timelines.js

@@ -1,8 +1,8 @@
-import { importFetchedStatus, importFetchedStatuses } from './importer';
-import api, { getLinks } from '../api';
 import { Map as ImmutableMap, OrderedSet as ImmutableOrderedSet, fromJS } from 'immutable';
 import { getSettings } from 'soapbox/actions/settings';
 import { shouldFilter } from 'soapbox/utils/timelines';
+import api, { getLinks } from '../api';
+import { importFetchedStatus, importFetchedStatuses } from './importer';
 
 export const TIMELINE_UPDATE  = 'TIMELINE_UPDATE';
 export const TIMELINE_DELETE  = 'TIMELINE_DELETE';

app/soapbox/api.js

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

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

@@ -1,6 +1,6 @@
 import React from 'react';
-import ColumnBackButton from '../column_back_button';
 import { createComponent } from 'soapbox/test_helpers';
+import ColumnBackButton from '../column_back_button';
 
 describe('<ColumnBackButton />', () => {
   it('renders correctly', () => {

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import { fromJS }  from 'immutable';
-import DisplayName from '../display_name';
 import { createComponent } from 'soapbox/test_helpers';
+import DisplayName from '../display_name';
 
 describe('<DisplayName />', () => {
   it('renders display name + account name', () => {

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

@@ -1,7 +1,7 @@
 import React from 'react';
-import TimelineQueueButtonHeader from '../timeline_queue_button_header';
-import { createComponent } from 'soapbox/test_helpers';
 import { defineMessages } from 'react-intl';
+import { createComponent } from 'soapbox/test_helpers';
+import TimelineQueueButtonHeader from '../timeline_queue_button_header';
 
 const messages = defineMessages({
   queue: { id: 'status_list.queue_label', defaultMessage: 'Click to see {count} new {count, plural, one {post} other {posts}}' },

app/soapbox/components/account.js

@@ -3,16 +3,16 @@ 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 emojify from 'soapbox/features/emoji/emoji';
 import Avatar from './avatar';
 import DisplayName from './display_name';
 import Permalink from './permalink';
 import Icon from './icon';
 import IconButton from './icon_button';
-import ActionButton from 'soapbox/features/ui/components/action_button';
 import RelativeTimestamp from './relative_timestamp';
-import ImmutablePureComponent from 'react-immutable-pure-component';
-import classNames from 'classnames';
-import emojify from 'soapbox/features/emoji/emoji';
 
 const mapStateToProps = state => {
   return {

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 AutosuggestAccountInput from 'soapbox/components/autosuggest_account_input';
-import classNames from 'classnames';
 
 const messages = defineMessages({
   placeholder: { id: 'account_search.placeholder', defaultMessage: 'Search for an account' },

app/soapbox/components/autosuggest_account_input.js

@@ -1,12 +1,12 @@
 import React from 'react';
-import AutosuggestInput from './autosuggest_input';
 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 { accountSearch } from 'soapbox/actions/accounts';
 import { throttle } from 'lodash';
+import { accountSearch } from 'soapbox/actions/accounts';
+import AutosuggestInput from './autosuggest_input';
 
 const noOp = () => {};
 

app/soapbox/components/autosuggest_emoji.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import unicodeMapping from '../features/emoji/emoji_unicode_mapping_light';
 import { joinPublicPath } from 'soapbox/utils/static';
+import unicodeMapping from '../features/emoji/emoji_unicode_mapping_light';
 
 export default class AutosuggestEmoji extends React.PureComponent {
 

app/soapbox/components/autosuggest_input.js

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

app/soapbox/components/autosuggest_textarea.js

@@ -1,12 +1,12 @@
 import React from 'react';
-import AutosuggestAccountContainer from '../features/compose/containers/autosuggest_account_container';
-import AutosuggestEmoji from './autosuggest_emoji';
 import ImmutablePropTypes from 'react-immutable-proptypes';
 import PropTypes from 'prop-types';
-import { isRtl } from '../rtl';
 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 AutosuggestEmoji from './autosuggest_emoji';
 
 const textAtCursorMatchesToken = (str, caretPosition) => {
   let word;

app/soapbox/components/display_name.js

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

app/soapbox/components/domain.js

@@ -1,8 +1,8 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import IconButton from './icon_button';
 import { defineMessages, injectIntl } from 'react-intl';
 import ImmutablePureComponent from 'react-immutable-pure-component';
+import IconButton from './icon_button';
 
 const messages = defineMessages({
   unblockDomain: { id: 'account.unblock_domain', defaultMessage: 'Unhide {domain}' },

app/soapbox/components/dropdown_menu.js

@@ -2,12 +2,12 @@ import React from 'react';
 import classNames from 'classnames';
 import PropTypes from 'prop-types';
 import ImmutablePropTypes from 'react-immutable-proptypes';
-import IconButton from './icon_button';
 import Overlay from 'react-overlays/lib/Overlay';
-import Motion from '../features/ui/util/optional_motion';
 import spring from 'react-motion/lib/spring';
 import { supportsPassiveEvents } from 'detect-passive-events';
 import Icon from 'soapbox/components/icon';
+import Motion from '../features/ui/util/optional_motion';
+import IconButton from './icon_button';
 
 const listenerOptions = supportsPassiveEvents ? { passive: true } : false;
 let id = 0;

app/soapbox/components/emoji_selector.js

@@ -3,9 +3,9 @@ import PropTypes from 'prop-types';
 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 classNames from 'classnames';
 
 const mapStateToProps = state => ({
   allowedEmoji: getSoapboxConfig(state).get('allowedEmoji'),

app/soapbox/components/hashtag.js

@@ -2,8 +2,8 @@ import React from 'react';
 import { Sparklines, SparklinesCurve } from 'react-sparklines';
 import { FormattedMessage } from 'react-intl';
 import ImmutablePropTypes from 'react-immutable-proptypes';
-import Permalink from './permalink';
 import { shortNumberFormat } from '../utils/numbers';
+import Permalink from './permalink';
 
 const Hashtag = ({ hashtag }) => {
   const count = Number(hashtag.getIn(['history', 0, 'accounts']));

app/soapbox/components/hover_ref_wrapper.js

@@ -1,11 +1,11 @@
 import React, { useRef } from 'react';
 import PropTypes from 'prop-types';
+import { useDispatch } from 'react-redux';
+import { debounce } from 'lodash';
 import {
   openProfileHoverCard,
   closeProfileHoverCard,
 } from 'soapbox/actions/profile_hover_card';
-import { useDispatch } from 'react-redux';
-import { debounce } from 'lodash';
 import { isMobile } from 'soapbox/is_mobile';
 
 const showProfileHoverCard = debounce((dispatch, ref, accountId) => {

app/soapbox/components/icon_button.js

@@ -1,10 +1,10 @@
 import React from 'react';
-import Motion from '../features/ui/util/optional_motion';
 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';
 
 export default class IconButton extends React.PureComponent {
 

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 getRectFromEntry from '../features/ui/util/get_rect_from_entry';
-import { is } from 'immutable';
 
 // Diff these props in the "rendered" state
 const updateOnPropsForRendered = ['id', 'index', 'listLength'];

app/soapbox/components/media_gallery.js

@@ -3,17 +3,17 @@ import { connect } from 'react-redux';
 import ImmutablePropTypes from 'react-immutable-proptypes';
 import PropTypes from 'prop-types';
 import { is } from 'immutable';
-import IconButton from './icon_button';
 import { defineMessages, injectIntl, FormattedMessage } from 'react-intl';
-import { isIOS } from '../is_mobile';
-import { truncateFilename } from 'soapbox/utils/media';
 import classNames from 'classnames';
-import { isPanoramic, isPortrait, isNonConformingRatio, minimumAspectRatio, maximumAspectRatio } from '../utils/media_aspect_ratio';
 import { Map as ImmutableMap } from 'immutable';
+import { truncateFilename } from 'soapbox/utils/media';
 import { getSettings } from 'soapbox/actions/settings';
 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 { isIOS } from '../is_mobile';
+import IconButton from './icon_button';
 
 const ATTACHMENT_LIMIT = 4;
 const MAX_FILENAME_LENGTH = 45;

app/soapbox/components/poll.js

@@ -1,18 +1,18 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import ImmutablePropTypes from 'react-immutable-proptypes';
-import SoapboxPropTypes from 'soapbox/utils/soapbox_prop_types';
 import ImmutablePureComponent from 'react-immutable-pure-component';
 import { defineMessages, injectIntl, FormattedMessage } from 'react-intl';
 import classNames from 'classnames';
-import { vote, fetchPoll } from 'soapbox/actions/polls';
-import Motion from 'soapbox/features/ui/util/optional_motion';
 import spring from 'react-motion/lib/spring';
 import escapeTextContentForBrowser from 'escape-html';
+import { vote, fetchPoll } from 'soapbox/actions/polls';
+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 RelativeTimestamp from './relative_timestamp';
 import Icon from 'soapbox/components/icon';
 import { openModal } from 'soapbox/actions/modal';
+import RelativeTimestamp from './relative_timestamp';
 
 const messages = defineMessages({
   closed: { id: 'poll.closed', defaultMessage: 'Closed' },

app/soapbox/components/primary_navigation.js

@@ -6,9 +6,9 @@ import PropTypes from 'prop-types';
 import ImmutablePropTypes from 'react-immutable-proptypes';
 import { FormattedMessage } from 'react-intl';
 import { NavLink, withRouter } from 'react-router-dom';
+import classNames from 'classnames';
 import Icon from 'soapbox/components/icon';
 import IconWithCounter from 'soapbox/components/icon_with_counter';
-import classNames from 'classnames';
 import { getSettings } from 'soapbox/actions/settings';
 import { getFeatures } from 'soapbox/utils/features';
 import { getSoapboxConfig } from 'soapbox/actions/soapbox';

app/soapbox/components/profile_hover_card.js

@@ -1,17 +1,17 @@
 import React, { useEffect, useState } from 'react';
 import PropTypes from 'prop-types';
 import { useSelector, useDispatch } from 'react-redux';
-import { makeGetAccount } from 'soapbox/selectors';
 import { injectIntl, FormattedMessage } from 'react-intl';
 import ImmutablePropTypes from 'react-immutable-proptypes';
+import classNames from 'classnames';
+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 classNames from 'classnames';
 import { fetchRelationships } from 'soapbox/actions/accounts';
-import { usePopper } from 'react-popper';
 import {
   closeProfileHoverCard,
   updateProfileHoverCard,

app/soapbox/components/scrollable_list.js

@@ -2,15 +2,15 @@ import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import { connect } from 'react-redux';
 import classNames from 'classnames';
-import IntersectionObserverArticleContainer from '../containers/intersection_observer_article_container';
-import LoadMore from './load_more';
-import MoreFollows from './more_follows';
-import IntersectionObserverWrapper from '../features/ui/util/intersection_observer_wrapper';
 import { throttle } from 'lodash';
 import { List as ImmutableList } from 'immutable';
-import LoadingIndicator from './loading_indicator';
 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';
 
 const MOUSE_IDLE_DELAY = 300;
 

app/soapbox/components/sidebar_menu.js

@@ -7,20 +7,20 @@ 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 { 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 Avatar from './avatar';
 import IconButton from './icon_button';
 import Icon from './icon';
 import DisplayName from './display_name';
-import { closeSidebar } from '../actions/sidebar';
-import { isAdmin, getBaseURL } from '../utils/accounts';
-import { makeGetAccount, makeGetOtherAccounts } from '../selectors';
-import { logOut, switchAccount } from 'soapbox/actions/auth';
-import ThemeToggle from '../features/ui/components/theme_toggle_container';
-import { fetchOwnAccounts } from 'soapbox/actions/auth';
-import { is as ImmutableIs } from 'immutable';
-import { getSettings } from 'soapbox/actions/settings';
-import { getSoapboxConfig } from 'soapbox/actions/soapbox';
-import { getFeatures } from 'soapbox/utils/features';
 
 const messages = defineMessages({
   followers: { id: 'account.followers', defaultMessage: 'Followers' },

app/soapbox/components/status.js

@@ -1,6 +1,18 @@
 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 { 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 PlaceholderCard from 'soapbox/features/placeholder/components/placeholder_card';
+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';
@@ -10,21 +22,6 @@ import StatusContent from './status_content';
 import StatusActionBar from './status_action_bar';
 import StatusReplyMentions from './status_reply_mentions';
 import AttachmentThumbs from './attachment_thumbs';
-import Card from '../features/status/components/card';
-import { injectIntl, FormattedMessage } from 'react-intl';
-import ImmutablePureComponent from 'react-immutable-pure-component';
-import { MediaGallery, Video, Audio } from '../features/ui/util/async-components';
-import { HotKeys } from 'react-hotkeys';
-import classNames from 'classnames';
-import Icon from 'soapbox/components/icon';
-import { Link, NavLink } from 'react-router-dom';
-import { getDomain } from 'soapbox/utils/accounts';
-import HoverRefWrapper from 'soapbox/components/hover_ref_wrapper';
-import PlaceholderCard from 'soapbox/features/placeholder/components/placeholder_card';
-
-// We use the component (and not the container) since we do not want
-// to use the progress bar to show download progress
-import Bundle from '../features/ui/components/bundle';
 
 export const textForScreenReader = (intl, status, rebloggedByText = false) => {
   const displayName = status.getIn(['account', 'display_name']);

app/soapbox/components/status_action_bar.js

@@ -2,20 +2,20 @@ import React from 'react';
 import { connect } from 'react-redux';
 import ImmutablePropTypes from 'react-immutable-proptypes';
 import PropTypes from 'prop-types';
-import SoapboxPropTypes from 'soapbox/utils/soapbox_prop_types';
-import IconButton from './icon_button';
-import DropdownMenuContainer from '../containers/dropdown_menu_container';
 import { defineMessages, injectIntl } from 'react-intl';
 import ImmutablePureComponent from 'react-immutable-pure-component';
-import { isStaff, isAdmin } from 'soapbox/utils/accounts';
-import { openModal } from '../actions/modal';
 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 { simpleEmojiReact } from 'soapbox/actions/emoji_reacts';
-import { List as ImmutableList } from 'immutable';
+import { isStaff, isAdmin } from 'soapbox/utils/accounts';
+import SoapboxPropTypes from 'soapbox/utils/soapbox_prop_types';
 import { getFeatures } from 'soapbox/utils/features';
 import { isUserTouching } from 'soapbox/is_mobile';
+import { openModal } from '../actions/modal';
+import DropdownMenuContainer from '../containers/dropdown_menu_container';
+import IconButton from './icon_button';
 
 const messages = defineMessages({
   delete: { id: 'status.delete', defaultMessage: 'Delete' },

app/soapbox/components/status_content.js

@@ -2,15 +2,15 @@ import React from 'react';
 import { connect } from 'react-redux';
 import ImmutablePropTypes from 'react-immutable-proptypes';
 import PropTypes from 'prop-types';
-import { isRtl } from '../rtl';
 import { FormattedMessage } from 'react-intl';
-import Permalink from './permalink';
 import classnames from 'classnames';
 import PollContainer from 'soapbox/containers/poll_container';
 import Icon from 'soapbox/components/icon';
 import { getSoapboxConfig } from 'soapbox/actions/soapbox';
 import { addGreentext } from 'soapbox/utils/greentext';
 import { onlyEmoji } from 'soapbox/utils/rich_content';
+import { isRtl } from '../rtl';
+import Permalink from './permalink';
 
 const MAX_HEIGHT = 642; // 20px * 32 (+ 2px padding at the top)
 const BIG_EMOJI_LIMIT = 10;

app/soapbox/components/status_list.js

@@ -3,13 +3,13 @@ import React from 'react';
 import { FormattedMessage, defineMessages } from 'react-intl';
 import ImmutablePropTypes from 'react-immutable-proptypes';
 import PropTypes from 'prop-types';
+import ImmutablePureComponent from 'react-immutable-pure-component';
 import MaterialStatus from 'soapbox/components/material_status';
 import PendingStatus from 'soapbox/features/ui/components/pending_status';
-import ImmutablePureComponent from 'react-immutable-pure-component';
+import PlaceholderMaterialStatus from 'soapbox/features/placeholder/components/placeholder_material_status';
 import LoadGap from './load_gap';
 import ScrollableList from './scrollable_list';
 import TimelineQueueButtonHeader from './timeline_queue_button_header';
-import PlaceholderMaterialStatus from 'soapbox/features/placeholder/components/placeholder_material_status';
 
 const messages = defineMessages({
   queue: { id: 'status_list.queue_label', defaultMessage: 'Click to see {count} new {count, plural, one {post} other {posts}}' },

app/soapbox/components/still_image.js

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

app/soapbox/components/sub_navigation.js

@@ -3,9 +3,9 @@ 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 Icon from 'soapbox/components/icon';
 import IconButton from 'soapbox/components/icon_button';
-import classNames from 'classnames';
 import Helmet from 'soapbox/components/helmet';
 import { openModal } from 'soapbox/actions/modal';
 

app/soapbox/components/thumb_navigation.js

@@ -4,12 +4,12 @@ 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 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';
-import classNames from 'classnames';
 
 const mapStateToProps = state => {
   const me = state.get('me');

app/soapbox/containers/domain_container.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { connect } from 'react-redux';
-import { blockDomain, unblockDomain } from '../actions/domain_blocks';
 import { defineMessages, injectIntl, FormattedMessage } from 'react-intl';
+import { blockDomain, unblockDomain } from '../actions/domain_blocks';
 import Domain from '../components/domain';
 import { openModal } from '../actions/modal';
 

app/soapbox/containers/dropdown_menu_container.js

@@ -1,6 +1,6 @@
+import { connect } from 'react-redux';
 import { openDropdownMenu, closeDropdownMenu } from '../actions/dropdown_menu';
 import { openModal, closeModal } from '../actions/modal';
-import { connect } from 'react-redux';
 import DropdownMenu from '../components/dropdown_menu';
 import { isUserTouching } from '../is_mobile';
 

app/soapbox/containers/soapbox.js

@@ -4,18 +4,13 @@ import React from 'react';
 import { Provider, connect } from 'react-redux';
 import PropTypes from 'prop-types';
 import ImmutablePropTypes from 'react-immutable-proptypes';
-import SoapboxPropTypes from 'soapbox/utils/soapbox_prop_types';
-import Helmet from 'soapbox/components/helmet';
 import classNames from 'classnames';
-import configureStore from '../store/configureStore';
-import { INTRODUCTION_VERSION } from '../actions/onboarding';
 import { Switch, BrowserRouter, Route } from 'react-router-dom';
 import { ScrollContext } from 'react-router-scroll-4';
-import UI from '../features/ui';
 // import Introduction from '../features/introduction';
-import { preload } from '../actions/preload';
 import { IntlProvider } from 'react-intl';
-import ErrorBoundary from '../components/error_boundary';
+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';
@@ -26,6 +21,11 @@ import { generateThemeCss } from 'soapbox/utils/theme';
 import messages from 'soapbox/locales/messages';
 import { FE_SUBDIRECTORY } from 'soapbox/build_config';
 import { createGlobals } from 'soapbox/globals';
+import { preload } from '../actions/preload';
+import UI from '../features/ui';
+import { INTRODUCTION_VERSION } from '../actions/onboarding';
+import configureStore from '../store/configureStore';
+import ErrorBoundary from '../components/error_boundary';
 
 const validLocale = locale => Object.keys(messages).includes(locale);
 

app/soapbox/containers/status_container.js

@@ -1,5 +1,9 @@
 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 { launchChat } from 'soapbox/actions/chats';
 import Status from '../components/status';
 import { makeGetStatus } from '../selectors';
 import {
@@ -28,16 +32,12 @@ import {
 import { initMuteModal } from '../actions/mutes';
 import { initReport } from '../actions/reports';
 import { openModal } from '../actions/modal';
-import { defineMessages, injectIntl, FormattedMessage } from 'react-intl';
 import { showAlertForError } from '../actions/alerts';
 import {
   createRemovedAccount,
   groupRemoveStatus,
 } from '../actions/groups';
 import { getSettings } from '../actions/settings';
-import { getSoapboxConfig } from 'soapbox/actions/soapbox';
-import { deactivateUserModal, deleteUserModal, deleteStatusModal, toggleStatusSensitivityModal } from 'soapbox/actions/moderation';
-import { launchChat } from 'soapbox/actions/chats';
 
 const messages = defineMessages({
   deleteConfirm: { id: 'confirmations.delete.confirm', defaultMessage: 'Delete' },
@@ -182,7 +182,7 @@ const mapDispatchToProps = (dispatch, { intl }) => {
       const account = status.get('account');
       dispatch(openModal('CONFIRM', {
         icon: require('@tabler/icons/icons/ban.svg'),
-        heading: <FormattedMessage id='confirmations.block.heading' defaultMessage='Block @{name}' values={{ name: account.get('acct') }} />,  
+        heading: <FormattedMessage id='confirmations.block.heading' defaultMessage='Block @{name}' values={{ name: account.get('acct') }} />,
         message: <FormattedMessage id='confirmations.block.message' defaultMessage='Are you sure you want to block {name}?' values={{ name: <strong>@{account.get('acct')}</strong> }} />,
         confirm: intl.formatMessage(messages.blockConfirm),
         onConfirm: () => dispatch(blockAccount(account.get('id'))),

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

@@ -5,8 +5,12 @@ import { connect } from 'react-redux';
 import ImmutablePropTypes from 'react-immutable-proptypes';
 import PropTypes from 'prop-types';
 import { defineMessages, injectIntl, FormattedMessage } from 'react-intl';
-import IconButton from 'soapbox/components/icon_button';
 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 IconButton from 'soapbox/components/icon_button';
 import {
   isStaff,
   isAdmin,
@@ -16,19 +20,15 @@ import {
   isRemote,
   getDomain,
 } from 'soapbox/utils/accounts';
-import classNames from 'classnames';
 import Avatar from 'soapbox/components/avatar';
 import { shortNumberFormat } from 'soapbox/utils/numbers';
-import { NavLink } from 'react-router-dom';
 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 { debounce } from 'lodash';
 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 { List as ImmutableList, Map as ImmutableMap } from 'immutable';
 import { getFeatures } from 'soapbox/utils/features';
 
 const messages = defineMessages({

app/soapbox/features/account_gallery/components/media_item.js

@@ -3,8 +3,8 @@ import { connect } from 'react-redux';
 import PropTypes from 'prop-types';
 import ImmutablePropTypes from 'react-immutable-proptypes';
 import ImmutablePureComponent from 'react-immutable-pure-component';
-import Icon from 'soapbox/components/icon';
 import classNames from 'classnames';
+import Icon from 'soapbox/components/icon';
 import Blurhash from 'soapbox/components/blurhash';
 import { isIOS } from 'soapbox/is_mobile';
 import { getSettings } from 'soapbox/actions/settings';

app/soapbox/features/account_gallery/index.js

@@ -2,22 +2,22 @@ import React from 'react';
 import { connect } from 'react-redux';
 import ImmutablePropTypes from 'react-immutable-proptypes';
 import PropTypes from 'prop-types';
+import ImmutablePureComponent from 'react-immutable-pure-component';
+import { NavLink } from 'react-router-dom';
+import { FormattedMessage } from 'react-intl';
+import LoadMore from 'soapbox/components/load_more';
+import MissingIndicator from 'soapbox/components/missing_indicator';
+import { openModal } from 'soapbox/actions/modal';
+import { getAccountGallery, findAccountByUsername } from 'soapbox/selectors';
+import Column from 'soapbox/components/column';
+import LoadingIndicator from 'soapbox/components/loading_indicator';
 import {
   fetchAccount,
   fetchAccountByUsername,
 } from 'soapbox/actions/accounts';
-import { expandAccountMediaTimeline } from '../../actions/timelines';
-import LoadingIndicator from 'soapbox/components/loading_indicator';
-import Column from 'soapbox/components/column';
-import ImmutablePureComponent from 'react-immutable-pure-component';
-import { getAccountGallery, findAccountByUsername } from 'soapbox/selectors';
-import MediaItem from './components/media_item';
-import LoadMore from 'soapbox/components/load_more';
-import MissingIndicator from 'soapbox/components/missing_indicator';
-import { openModal } from 'soapbox/actions/modal';
-import { NavLink } from 'react-router-dom';
-import { FormattedMessage } from 'react-intl';
 import SubNavigation from 'soapbox/components/sub_navigation';
+import { expandAccountMediaTimeline } from '../../actions/timelines';
+import MediaItem from './components/media_item';
 
 const mapStateToProps = (state, { params, withReplies = false }) => {
   const username = params.username || '';

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

@@ -1,8 +1,8 @@
 import React from 'react';
 import ImmutablePropTypes from 'react-immutable-proptypes';
 import PropTypes from 'prop-types';
-import InnerHeader from '../../account/components/header';
 import ImmutablePureComponent from 'react-immutable-pure-component';
+import InnerHeader from '../../account/components/header';
 import MovedNote from './moved_note';
 
 export default class Header extends ImmutablePureComponent {

app/soapbox/features/account_timeline/components/moved_note.js

@@ -3,10 +3,10 @@ import PropTypes from 'prop-types';
 import ImmutablePropTypes from 'react-immutable-proptypes';
 import { FormattedMessage } from 'react-intl';
 import ImmutablePureComponent from 'react-immutable-pure-component';
+import { NavLink } from 'react-router-dom';
+import Icon from 'soapbox/components/icon';
 import AvatarOverlay from '../../../components/avatar_overlay';
 import DisplayName from '../../../components/display_name';
-import Icon from 'soapbox/components/icon';
-import { NavLink } from 'react-router-dom';
 
 export default class MovedNote extends ImmutablePureComponent {
 

app/soapbox/features/account_timeline/containers/header_container.js

@@ -1,5 +1,21 @@
 import React from 'react';
 import { connect } from 'react-redux';
+import { defineMessages, injectIntl, FormattedMessage } from 'react-intl';
+import { List as ImmutableList } from 'immutable';
+import { getSettings } from 'soapbox/actions/settings';
+import { launchChat } from 'soapbox/actions/chats';
+import { deactivateUserModal, deleteUserModal } from 'soapbox/actions/moderation';
+import {
+  verifyUser,
+  unverifyUser,
+  promoteToAdmin,
+  promoteToModerator,
+  demoteToUser,
+  suggestUsers,
+  unsuggestUsers,
+} from 'soapbox/actions/admin';
+import { isAdmin } from 'soapbox/utils/accounts';
+import snackbar from 'soapbox/actions/snackbar';
 import { makeGetAccount } from '../../../selectors';
 import Header from '../components/header';
 import {
@@ -21,22 +37,6 @@ import { initMuteModal } from '../../../actions/mutes';
 import { initReport } from '../../../actions/reports';
 import { openModal } from '../../../actions/modal';
 import { blockDomain, unblockDomain } from '../../../actions/domain_blocks';
-import { defineMessages, injectIntl, FormattedMessage } from 'react-intl';
-import { List as ImmutableList } from 'immutable';
-import { getSettings } from 'soapbox/actions/settings';
-import { launchChat } from 'soapbox/actions/chats';
-import { deactivateUserModal, deleteUserModal } from 'soapbox/actions/moderation';
-import {
-  verifyUser,
-  unverifyUser,
-  promoteToAdmin,
-  promoteToModerator,
-  demoteToUser,
-  suggestUsers,
-  unsuggestUsers,
-} from 'soapbox/actions/admin';
-import { isAdmin } from 'soapbox/utils/accounts';
-import snackbar from 'soapbox/actions/snackbar';
 
 const messages = defineMessages({
   unfollowConfirm: { id: 'confirmations.unfollow.confirm', defaultMessage: 'Unfollow' },

app/soapbox/features/account_timeline/index.js

@@ -2,24 +2,24 @@ import React from 'react';
 import { connect } from 'react-redux';
 import ImmutablePropTypes from 'react-immutable-proptypes';
 import PropTypes from 'prop-types';
-import { fetchAccount, fetchAccountByUsername } from '../../actions/accounts';
-import { expandAccountFeaturedTimeline, expandAccountTimeline } from '../../actions/timelines';
-import Icon from 'soapbox/components/icon';
-import StatusList from '../../components/status_list';
-import LoadingIndicator from '../../components/loading_indicator';
-import Column from 'soapbox/components/column';
 // import ColumnSettingsContainer from './containers/column_settings_container';
-import SubNavigation from 'soapbox/components/sub_navigation';
 import { OrderedSet as ImmutableOrderedSet } from 'immutable';
 import ImmutablePureComponent from 'react-immutable-pure-component';
 import { FormattedMessage } from 'react-intl';
-import { fetchAccountIdentityProofs } from '../../actions/identity_proofs';
-import MissingIndicator from 'soapbox/components/missing_indicator';
 import { NavLink } from 'react-router-dom';
-import { fetchPatronAccount } from '../../actions/patron';
+import MissingIndicator from 'soapbox/components/missing_indicator';
+import SubNavigation from 'soapbox/components/sub_navigation';
+import Column from 'soapbox/components/column';
+import Icon from 'soapbox/components/icon';
 import { getSoapboxConfig } from 'soapbox/actions/soapbox';
 import { getSettings } from 'soapbox/actions/settings';
 import { makeGetStatusIds, findAccountByUsername } from 'soapbox/selectors';
+import { fetchAccountIdentityProofs } from '../../actions/identity_proofs';
+import { fetchPatronAccount } from '../../actions/patron';
+import LoadingIndicator from '../../components/loading_indicator';
+import StatusList from '../../components/status_list';
+import { expandAccountFeaturedTimeline, expandAccountTimeline } from '../../actions/timelines';
+import { fetchAccount, fetchAccountByUsername } from '../../actions/accounts';
 
 const makeMapStateToProps = () => {
   const getStatusIds = makeGetStatusIds();

app/soapbox/features/admin/awaiting_approval.js

@@ -4,10 +4,10 @@ import { connect } from 'react-redux';
 import ImmutablePureComponent from 'react-immutable-pure-component';
 import PropTypes from 'prop-types';
 import ImmutablePropTypes from 'react-immutable-proptypes';
-import Column from '../ui/components/column';
 import ScrollableList from 'soapbox/components/scrollable_list';
-import UnapprovedAccount from './components/unapproved_account';
 import { fetchUsers } from 'soapbox/actions/admin';
+import Column from '../ui/components/column';
+import UnapprovedAccount from './components/unapproved_account';
 
 const messages = defineMessages({
   heading: { id: 'column.admin.awaiting_approval', defaultMessage: 'Awaiting Approval' },

app/soapbox/features/admin/components/admin_nav.js

@@ -2,10 +2,10 @@ import React from 'react';
 import { connect } from 'react-redux';
 import PropTypes from 'prop-types';
 import ImmutablePropTypes from 'react-immutable-proptypes';
-import Icon from 'soapbox/components/icon';
-import IconWithCounter from 'soapbox/components/icon_with_counter';
 import { NavLink } from 'react-router-dom';
 import { FormattedMessage } from 'react-intl';
+import Icon from 'soapbox/components/icon';
+import IconWithCounter from 'soapbox/components/icon_with_counter';
 
 const mapStateToProps = (state, props) => ({
   instance: state.get('instance'),

app/soapbox/features/admin/components/latest_accounts_panel.js

@@ -4,9 +4,9 @@ import { connect } from 'react-redux';
 import { injectIntl, defineMessages } from 'react-intl';
 import ImmutablePureComponent from 'react-immutable-pure-component';
 import ImmutablePropTypes from 'react-immutable-proptypes';
+import { is } from 'immutable';
 import AccountListPanel from 'soapbox/features/ui/components/account_list_panel';
 import { fetchUsers } from 'soapbox/actions/admin';
-import { is } from 'immutable';
 import compareId from 'soapbox/compare_id';
 
 const messages = defineMessages({

app/soapbox/features/admin/components/report.js

@@ -8,10 +8,10 @@ import Avatar from 'soapbox/components/avatar';
 import Button from 'soapbox/components/button';
 import DropdownMenu from 'soapbox/containers/dropdown_menu_container';
 import Accordion from 'soapbox/features/ui/components/accordion';
-import ReportStatus from './report_status';
 import { closeReports } from 'soapbox/actions/admin';
 import snackbar from 'soapbox/actions/snackbar';
 import { deactivateUserModal, deleteUserModal } from 'soapbox/actions/moderation';
+import ReportStatus from './report_status';
 
 const messages = defineMessages({
   reportClosed: { id: 'admin.reports.report_closed_message', defaultMessage: 'Report on @{name} was closed' },

app/soapbox/features/admin/components/report_status.js

@@ -3,10 +3,10 @@ import { connect } from 'react-redux';
 import ImmutablePureComponent from 'react-immutable-pure-component';
 import ImmutablePropTypes from 'react-immutable-proptypes';
 import { injectIntl, defineMessages } from 'react-intl';
+import noop from 'lodash/noop';
 import StatusContent from 'soapbox/components/status_content';
 import DropdownMenu from 'soapbox/containers/dropdown_menu_container';
 import { openModal } from 'soapbox/actions/modal';
-import noop from 'lodash/noop';
 import { MediaGallery, Video, Audio } from 'soapbox/features/ui/util/async-components';
 import Bundle from 'soapbox/features/ui/components/bundle';
 import { deleteStatusModal } from 'soapbox/actions/moderation';

app/soapbox/features/admin/index.js

@@ -5,14 +5,14 @@ import { connect } from 'react-redux';
 import ImmutablePureComponent from 'react-immutable-pure-component';
 import PropTypes from 'prop-types';
 import ImmutablePropTypes from 'react-immutable-proptypes';
-import Column from '../ui/components/column';
-import RegistrationModePicker from './components/registration_mode_picker';
 import { parseVersion } from 'soapbox/utils/features';
 import sourceCode from 'soapbox/utils/code';
 import { getSubscribersCsv, getUnsubscribersCsv, getCombinedCsv } from 'soapbox/actions/email_list';
 import { getFeatures } from 'soapbox/utils/features';
 import { isAdmin } from 'soapbox/utils/accounts';
 import { isNumber } from 'soapbox/utils/numbers';
+import Column from '../ui/components/column';
+import RegistrationModePicker from './components/registration_mode_picker';
 
 // https://stackoverflow.com/a/53230807
 const download = (response, filename) => {

app/soapbox/features/admin/moderation_log.js

@@ -4,9 +4,9 @@ import { connect } from 'react-redux';
 import ImmutablePropTypes from 'react-immutable-proptypes';
 import ImmutablePureComponent from 'react-immutable-pure-component';
 import PropTypes from 'prop-types';
-import Column from '../ui/components/column';
 import ScrollableList from 'soapbox/components/scrollable_list';
 import { fetchModerationLog } from 'soapbox/actions/admin';
+import Column from '../ui/components/column';
 
 const messages = defineMessages({
   heading: { id: 'column.admin.moderation_log', defaultMessage: 'Moderation Log' },

app/soapbox/features/admin/reports.js

@@ -4,11 +4,11 @@ import { connect } from 'react-redux';
 import ImmutablePureComponent from 'react-immutable-pure-component';
 import PropTypes from 'prop-types';
 import ImmutablePropTypes from 'react-immutable-proptypes';
-import Column from '../ui/components/better_column';
 import ScrollableList from 'soapbox/components/scrollable_list';
 import { fetchReports } from 'soapbox/actions/admin';
-import Report from './components/report';
 import { makeGetReport } from 'soapbox/selectors';
+import Column from '../ui/components/better_column';
+import Report from './components/report';
 
 const messages = defineMessages({
   heading: { id: 'column.admin.reports', defaultMessage: 'Reports' },

app/soapbox/features/admin/user_index.js

@@ -3,13 +3,13 @@ import { connect } from 'react-redux';
 import ImmutablePureComponent from 'react-immutable-pure-component';
 import PropTypes from 'prop-types';
 import { debounce } from 'lodash';
-import { fetchUsers } from 'soapbox/actions/admin';
 import { injectIntl, defineMessages } from 'react-intl';
+import { Set as ImmutableSet, OrderedSet as ImmutableOrderedSet, is } from 'immutable';
+import { fetchUsers } from 'soapbox/actions/admin';
 import AccountContainer from 'soapbox/containers/account_container';
 import Column from 'soapbox/features/ui/components/column';
 import ScrollableList from 'soapbox/components/scrollable_list';
 import { SimpleForm, TextInput } from 'soapbox/features/forms';
-import { Set as ImmutableSet, OrderedSet as ImmutableOrderedSet, is } from 'immutable';
 
 const messages = defineMessages({
   heading: { id: 'column.admin.users', defaultMessage: 'Users' },

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

@@ -1,13 +1,13 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import { connect } from 'react-redux';
-import { makeGetAccount } from '../../../selectors';
 import ImmutablePureComponent from 'react-immutable-pure-component';
 import ImmutablePropTypes from 'react-immutable-proptypes';
+import { defineMessages, injectIntl } from 'react-intl';
+import { makeGetAccount } from '../../../selectors';
 import Avatar from '../../../components/avatar';
 import DisplayName from '../../../components/display_name';
 import IconButton from '../../../components/icon_button';
-import { defineMessages, injectIntl } from 'react-intl';
 import { addToAliases } from '../../../actions/aliases';
 
 const messages = defineMessages({

app/soapbox/features/aliases/components/search.js

@@ -2,10 +2,10 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import { connect } from 'react-redux';
 import { defineMessages, injectIntl } from 'react-intl';
-import { fetchAliasesSuggestions, clearAliasesSuggestions, changeAliasesSuggestions } from '../../../actions/aliases';
 import classNames from 'classnames';
 import Icon from 'soapbox/components/icon';
 import Button from 'soapbox/components/button';
+import { fetchAliasesSuggestions, clearAliasesSuggestions, changeAliasesSuggestions } from '../../../actions/aliases';
 
 const messages = defineMessages({
   search: { id: 'aliases.search', defaultMessage: 'Search your old account' },

app/soapbox/features/aliases/index.js

@@ -2,14 +2,14 @@ import React from 'react';
 import { connect } from 'react-redux';
 import { defineMessages, injectIntl, FormattedMessage } from 'react-intl';
 import ImmutablePureComponent from 'react-immutable-pure-component';
+import Icon from 'soapbox/components/icon';
+import { makeGetAccount } from 'soapbox/selectors';
 import Column from '../ui/components/column';
 import ColumnSubheading from '../ui/components/column_subheading';
 import ScrollableList from '../../components/scrollable_list';
-import Icon from 'soapbox/components/icon';
+import { removeFromAliases } from '../../actions/aliases';
 import Search from './components/search';
 import Account from './components/account';
-import { removeFromAliases } from '../../actions/aliases';
-import { makeGetAccount } from 'soapbox/selectors';
 
 const messages = defineMessages({
   heading: { id: 'column.aliases', defaultMessage: 'Account aliases' },

app/soapbox/features/audio/index.js

@@ -1,12 +1,12 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import { defineMessages, injectIntl } from 'react-intl';
-import { formatTime } from 'soapbox/features/video';
-import Icon from 'soapbox/components/icon';
 import classNames from 'classnames';
 import { throttle } from 'lodash';
-import { getPointerPosition, fileNameFromURL } from 'soapbox/features/video';
 import { debounce } from 'lodash';
+import { formatTime } from 'soapbox/features/video';
+import Icon from 'soapbox/components/icon';
+import { getPointerPosition, fileNameFromURL } from 'soapbox/features/video';
 import Visualizer from './visualizer';
 
 const messages = defineMessages({

app/soapbox/features/auth_login/components/__tests__/captcha-test.js

@@ -1,8 +1,8 @@
 import React from 'react';
-import CaptchaField, { NativeCaptchaField } from '../captcha';
 import renderer from 'react-test-renderer';
-import { createComponent } from 'soapbox/test_helpers';
 import { Map as ImmutableMap } from 'immutable';
+import { createComponent } from 'soapbox/test_helpers';
+import CaptchaField, { NativeCaptchaField } from '../captcha';
 
 describe('<CaptchaField />', () => {
   it('renders null by default', () => {

app/soapbox/features/auth_login/components/__tests__/login_form-test.js

@@ -1,7 +1,7 @@
 import React from 'react';
-import LoginForm from '../login_form';
 import { createComponent, mockStore } from 'soapbox/test_helpers';
 import rootReducer from 'soapbox/reducers';
+import LoginForm from '../login_form';
 
 describe('<LoginForm />', () => {
 

app/soapbox/features/auth_login/components/__tests__/login_page-test.js

@@ -1,7 +1,7 @@
 import React from 'react';
-import LoginPage from '../login_page';
 import { createComponent, mockStore } from 'soapbox/test_helpers';
 import rootReducer from 'soapbox/reducers';
+import LoginPage from '../login_page';
 
 describe('<LoginPage />', () => {
   it('renders correctly on load', () => {

app/soapbox/features/auth_login/components/__tests__/otp_auth_form-test.js

@@ -1,7 +1,7 @@
 import React from 'react';
-import OtpAuthForm from '../otp_auth_form';
-import { createComponent, mockStore } from 'soapbox/test_helpers';
 import { Map as ImmutableMap } from 'immutable';
+import { createComponent, mockStore } from 'soapbox/test_helpers';
+import OtpAuthForm from '../otp_auth_form';
 
 describe('<OtpAuthForm />', () => {
   it('renders correctly', () => {

app/soapbox/features/auth_login/components/captcha.js

@@ -3,9 +3,9 @@ import PropTypes from 'prop-types';
 import ImmutablePropTypes from 'react-immutable-proptypes';
 import { connect } from 'react-redux';
 import { Map as ImmutableMap } from 'immutable';
+import { FormattedMessage } from 'react-intl';
 import { fetchCaptcha } from 'soapbox/actions/auth';
 import { TextInput } from 'soapbox/features/forms';
-import { FormattedMessage } from 'react-intl';
 
 const noOp = () => {};
 

app/soapbox/features/auth_login/components/login_page.js

@@ -3,11 +3,11 @@ import { connect } from 'react-redux';
 import { Redirect } from 'react-router-dom';
 import ImmutablePureComponent from 'react-immutable-pure-component';
 import { injectIntl } from 'react-intl';
-import LoginForm from './login_form';
-import OtpAuthForm from './otp_auth_form';
 import { logIn, verifyCredentials, switchAccount } from 'soapbox/actions/auth';
 import { fetchInstance } from 'soapbox/actions/instance';
 import { isStandalone } from 'soapbox/utils/state';
+import OtpAuthForm from './otp_auth_form';
+import LoginForm from './login_form';
 
 const mapStateToProps = state => ({
   me: state.get('me'),

app/soapbox/features/auth_login/components/otp_auth_form.js

@@ -3,9 +3,9 @@ import { connect } from 'react-redux';
 import { Redirect } from 'react-router-dom';
 import { injectIntl, FormattedMessage, defineMessages } from 'react-intl';
 import ImmutablePureComponent from 'react-immutable-pure-component';
+import PropTypes from 'prop-types';
 import { otpVerify, verifyCredentials, switchAccount } from 'soapbox/actions/auth';
 import { SimpleInput } from 'soapbox/features/forms';
-import PropTypes from 'prop-types';
 
 const messages = defineMessages({
   otpCodeHint: { id: 'login.fields.otp_code_hint', defaultMessage: 'Enter the two-factor code generated by your phone app or use one of your recovery codes' },

app/soapbox/features/auth_login/components/password_reset.js

@@ -2,9 +2,9 @@ import React from 'react';
 import { connect } from 'react-redux';
 import ImmutablePureComponent from 'react-immutable-pure-component';
 import { defineMessages, FormattedMessage, injectIntl } from 'react-intl';
+import { Redirect } from 'react-router-dom';
 import { resetPassword } from 'soapbox/actions/security';
 import { SimpleForm, FieldsGroup, TextInput } from 'soapbox/features/forms';
-import { Redirect } from 'react-router-dom';
 import snackbar from 'soapbox/actions/snackbar';
 
 const messages = defineMessages({

app/soapbox/features/auth_login/components/registration_form.js

@@ -7,6 +7,8 @@ import { injectIntl, FormattedMessage, defineMessages } from 'react-intl';
 import { Link } from 'react-router-dom';
 import { CancelToken } from 'axios';
 import { debounce } from 'lodash';
+import { Map as ImmutableMap } from 'immutable';
+import { v4 as uuidv4 } from 'uuid';
 import ShowablePassword from 'soapbox/components/showable_password';
 import {
   SimpleForm,
@@ -17,8 +19,6 @@ import {
 } from 'soapbox/features/forms';
 import { register, verifyCredentials } from 'soapbox/actions/auth';
 import CaptchaField from 'soapbox/features/auth_login/components/captcha';
-import { Map as ImmutableMap } from 'immutable';
-import { v4 as uuidv4 } from 'uuid';
 import { getSettings } from 'soapbox/actions/settings';
 import { openModal } from 'soapbox/actions/modal';
 import { getFeatures } from 'soapbox/utils/features';