eslint: enforce gaps between groups with import/order

.eslintrc.js

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

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

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

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

@@ -1,6 +1,8 @@
 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 {

app/soapbox/actions/accounts.js

@@ -1,6 +1,8 @@
 import { isLoggedIn } from 'soapbox/utils/auth';
 import { getFeatures } from 'soapbox/utils/features';
+
 import api, { getLinks } from '../api';
+
 import {
   importFetchedAccount,
   importFetchedAccounts,

app/soapbox/actions/admin.js

@@ -1,5 +1,6 @@
 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,6 +1,9 @@
 import { defineMessages } from 'react-intl';
+
 import { isLoggedIn } from 'soapbox/utils/auth';
+
 import api from '../api';
+
 import { showAlertForError } from './alerts';
 import { importFetchedAccount, importFetchedAccounts } from './importer';
 import { ME_PATCH_SUCCESS } from './me';

app/soapbox/actions/auth.js

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

app/soapbox/actions/blocks.js

@@ -1,6 +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';
 

app/soapbox/actions/bookmarks.js

@@ -1,4 +1,5 @@
 import api, { getLinks } from '../api';
+
 import { importFetchedStatuses } from './importer';
 
 export const BOOKMARKED_STATUSES_FETCH_REQUEST = 'BOOKMARKED_STATUSES_FETCH_REQUEST';

app/soapbox/actions/chats.js

@@ -1,7 +1,9 @@
 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';
 
 export const CHATS_FETCH_REQUEST = 'CHATS_FETCH_REQUEST';

app/soapbox/actions/compose.js

@@ -1,13 +1,16 @@
 import { CancelToken, isCancel } from 'axios';
 import { throttle } from 'lodash';
 import { defineMessages } from 'react-intl';
+
 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';

app/soapbox/actions/conversations.js

@@ -1,5 +1,7 @@
 import { isLoggedIn } from 'soapbox/utils/auth';
+
 import api, { getLinks } from '../api';
+
 import {
   importFetchedAccounts,
   importFetchedStatuses,

app/soapbox/actions/directory.js

@@ -1,4 +1,5 @@
 import api from '../api';
+
 import { fetchRelationships } from './accounts';
 import { importFetchedAccounts } from './importer';
 

app/soapbox/actions/domain_blocks.js

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

app/soapbox/actions/emoji_reacts.js

@@ -1,6 +1,9 @@
 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';
 

app/soapbox/actions/export_data.js

@@ -1,5 +1,7 @@
 import { defineMessages } from 'react-intl';
+
 import snackbar from 'soapbox/actions/snackbar';
+
 import api, { getLinks } from '../api';
 
 export const EXPORT_FOLLOWS_REQUEST = 'EXPORT_FOLLOWS_REQUEST';

app/soapbox/actions/external_auth.js

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

app/soapbox/actions/favourites.js

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

app/soapbox/actions/filters.js

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

app/soapbox/actions/group_editor.js

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

app/soapbox/actions/groups.js

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

app/soapbox/actions/import_data.js

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

app/soapbox/actions/importer/index.js

@@ -1,4 +1,5 @@
 import { getSettings } from '../settings';
+
 import {
   normalizeAccount,
   normalizeStatus,

app/soapbox/actions/importer/normalizer.js

@@ -1,4 +1,5 @@
 import escapeTextContentForBrowser from 'escape-html';
+
 import emojify from '../../features/emoji/emoji';
 import { unescapeHTML } from '../../utils/html';
 

app/soapbox/actions/instance.js

@@ -1,7 +1,9 @@
 import { get } from 'lodash';
+
 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/interactions.js

@@ -1,7 +1,10 @@
 import { defineMessages } from 'react-intl';
+
 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';

app/soapbox/actions/lists.js

@@ -1,5 +1,7 @@
 import { isLoggedIn } from 'soapbox/utils/auth';
+
 import api from '../api';
+
 import { showAlertForError } from './alerts';
 import { importFetchedAccounts } from './importer';
 

app/soapbox/actions/me.js

@@ -1,5 +1,7 @@
 import { getAuthUserId, getAuthUserUrl } from 'soapbox/utils/auth';
+
 import api from '../api';
+
 import { loadCredentials } from './auth';
 import { importFetchedAccount } from './importer';
 

app/soapbox/actions/media.js

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

app/soapbox/actions/moderation.js

@@ -1,5 +1,6 @@
 import React from 'react';
 import { defineMessages } from 'react-intl';
+
 import { fetchAccountByUsername } from 'soapbox/actions/accounts';
 import { deactivateUsers, deleteUsers, deleteStatus, toggleStatusSensitivity } from 'soapbox/actions/admin';
 import { openModal } from 'soapbox/actions/modal';

app/soapbox/actions/mrf.js

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

app/soapbox/actions/mutes.js

@@ -1,6 +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 { openModal } from './modal';

app/soapbox/actions/notifications.js

@@ -6,12 +6,15 @@ import {
 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 { fetchRelationships } from './accounts';
 import {
   importFetchedAccount,

app/soapbox/actions/pin_statuses.js

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

app/soapbox/actions/polls.js

@@ -1,4 +1,5 @@
 import api from '../api';
+
 import { importFetchedPoll } from './importer';
 
 export const POLL_VOTE_REQUEST = 'POLL_VOTE_REQUEST';

app/soapbox/actions/preload.js

@@ -1,4 +1,5 @@
 import { mapValues } from 'lodash';
+
 import { verifyCredentials } from './auth';
 import { importFetchedAccounts } from './importer';
 

app/soapbox/actions/push_notifications/registerer.js

@@ -1,7 +1,9 @@
 import { createPushSubsription, updatePushSubscription } from 'soapbox/actions/push_subscriptions';
 import { getVapidKey } from 'soapbox/utils/auth';
+
 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/reports.js

@@ -1,4 +1,5 @@
 import api from '../api';
+
 import { openModal, closeModal } from './modal';
 
 export const REPORT_INIT   = 'REPORT_INIT';

app/soapbox/actions/search.js

@@ -1,4 +1,5 @@
 import api from '../api';
+
 import { fetchRelationships } from './accounts';
 import { importFetchedAccounts, importFetchedStatuses } from './importer';
 

app/soapbox/actions/security.js

@@ -6,7 +6,9 @@
 
 import snackbar from 'soapbox/actions/snackbar';
 import { getLoggedInAccount } from 'soapbox/utils/auth';
+
 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,9 +1,12 @@
 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';
+
 import uuid from '../uuid';
+
 import { showAlertForError } from './alerts';
 
 export const SETTING_CHANGE = 'SETTING_CHANGE';

app/soapbox/actions/soapbox.js

@@ -1,8 +1,10 @@
 import { Map as ImmutableMap, List as ImmutableList } from 'immutable';
 import { createSelector } from 'reselect';
+
 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

@@ -1,7 +1,9 @@
 import { isLoggedIn } from 'soapbox/utils/auth';
 import { getFeatures } from 'soapbox/utils/features';
 import { shouldHaveCard } from 'soapbox/utils/status';
+
 import api from '../api';
+
 import { importFetchedStatus, importFetchedStatuses } from './importer';
 import { openModal } from './modal';
 import { deleteFromTimelines } from './timelines';

app/soapbox/actions/streaming.js

@@ -1,6 +1,8 @@
 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';

app/soapbox/actions/suggestions.js

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

app/soapbox/actions/timelines.js

@@ -1,7 +1,10 @@
 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';

app/soapbox/api.js

@@ -8,6 +8,7 @@
 import axios from 'axios';
 import LinkHeader from 'http-link-header';
 import { createSelector } from 'reselect';
+
 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

@@ -7,6 +7,7 @@ import includes from 'array-includes';
 import isNaN from 'is-nan';
 import assign from 'object-assign';
 import values from 'object.values';
+
 import { decode as decodeBase64 } from './utils/base64';
 
 if (!Array.prototype.includes) {

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

@@ -1,5 +1,6 @@
 import React from 'react';
 import renderer from 'react-test-renderer';
+
 import AutosuggestEmoji from '../autosuggest_emoji';
 
 describe('<AutosuggestEmoji />', () => {

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

@@ -1,6 +1,8 @@
 import { fromJS } from 'immutable';
 import React from 'react';
+
 import { createComponent } from 'soapbox/test_helpers';
+
 import Avatar from '../avatar';
 
 describe('<Avatar />', () => {

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

@@ -1,6 +1,8 @@
 import { fromJS } from 'immutable';
 import React from 'react';
+
 import { createComponent } from 'soapbox/test_helpers';
+
 import AvatarOverlay from '../avatar_overlay';
 
 describe('<AvatarOverlay', () => {

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

@@ -1,5 +1,6 @@
 import React from 'react';
 import renderer from 'react-test-renderer';
+
 import Badge from '../badge';
 
 describe('<Badge />', () => {

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

@@ -1,6 +1,7 @@
 import { shallow } from 'enzyme';
 import React from 'react';
 import renderer from 'react-test-renderer';
+
 import Button from '../button';
 
 describe('<Button />', () => {

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

@@ -1,5 +1,6 @@
 import React from 'react';
 import renderer from 'react-test-renderer';
+
 import Column from '../column';
 
 describe('<Column />', () => {

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

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

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

@@ -1,6 +1,8 @@
 import { fromJS }  from 'immutable';
 import React from 'react';
+
 import { createComponent } from 'soapbox/test_helpers';
+
 import DisplayName from '../display_name';
 
 describe('<DisplayName />', () => {

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

@@ -1,5 +1,7 @@
 import React from 'react';
+
 import { createComponent } from 'soapbox/test_helpers';
+
 import EmojiSelector from '../emoji_selector';
 
 describe('<EmojiSelector />', () => {

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

@@ -1,6 +1,8 @@
 import React from 'react';
 import { defineMessages } from 'react-intl';
+
 import { createComponent } from 'soapbox/test_helpers';
+
 import TimelineQueueButtonHeader from '../timeline_queue_button_header';
 
 const messages = defineMessages({

app/soapbox/components/account.js

@@ -5,8 +5,10 @@ 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 Icon from './icon';

app/soapbox/components/account_search.js

@@ -2,6 +2,7 @@ import classNames from 'classnames';
 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';
 

app/soapbox/components/attachment_list.js

@@ -2,6 +2,7 @@ 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';
 
 const filename = url => url.split('/').pop().split('#')[0].split('?')[0];

app/soapbox/components/attachment_thumbs.js

@@ -3,6 +3,7 @@ import React from 'react';
 import ImmutablePropTypes from 'react-immutable-proptypes';
 import ImmutablePureComponent from 'react-immutable-pure-component';
 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';

app/soapbox/components/autosuggest_account_input.js

@@ -5,7 +5,9 @@ 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';
 
 const noOp = () => {};

app/soapbox/components/autosuggest_emoji.js

@@ -1,6 +1,8 @@
 import PropTypes from 'prop-types';
 import React from 'react';
+
 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

@@ -4,9 +4,12 @@ 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 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

@@ -4,8 +4,10 @@ import React from 'react';
 import ImmutablePropTypes from 'react-immutable-proptypes';
 import ImmutablePureComponent from 'react-immutable-pure-component';
 import Textarea from 'react-textarea-autosize';
+
 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

@@ -2,6 +2,7 @@ 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,6 +1,7 @@
 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 AvatarComposite extends React.PureComponent {

app/soapbox/components/avatar_overlay.js

@@ -1,5 +1,6 @@
 import React from 'react';
 import ImmutablePropTypes from 'react-immutable-proptypes';
+
 import StillImage from 'soapbox/components/still_image';
 
 export default class AvatarOverlay extends React.PureComponent {

app/soapbox/components/button.js

@@ -2,6 +2,7 @@ import classNames from 'classnames';
 import PropTypes from 'prop-types';
 import React from 'react';
 import { Link } from 'react-router-dom';
+
 import Icon from './icon';
 
 export default class Button extends React.PureComponent {

app/soapbox/components/column_back_button.js

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

app/soapbox/components/column_header.js

@@ -2,6 +2,7 @@
 
 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

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

app/soapbox/components/domain.js

@@ -2,6 +2,7 @@ import PropTypes from 'prop-types';
 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

@@ -5,8 +5,11 @@ 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';
 
 const listenerOptions = supportsPassiveEvents ? { passive: true } : false;

app/soapbox/components/emoji_selector.js

@@ -4,6 +4,7 @@ import React from 'react';
 import { HotKeys } from 'react-hotkeys';
 import ImmutablePureComponent from 'react-immutable-pure-component';
 import { connect } from 'react-redux';
+
 import { getSoapboxConfig } from 'soapbox/actions/soapbox';
 import emojify from 'soapbox/features/emoji/emoji';
 

app/soapbox/components/error_boundary.js

@@ -1,6 +1,7 @@
 import PropTypes from 'prop-types';
 import React from 'react';
 import { FormattedMessage } from 'react-intl';
+
 import Icon from 'soapbox/components/icon';
 import { captureException } from 'soapbox/monitoring';
 

app/soapbox/components/extended_video_player.js

@@ -1,5 +1,6 @@
 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/hashtag.js

@@ -2,7 +2,9 @@ import React from 'react';
 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';
 
 const Hashtag = ({ hashtag }) => {

app/soapbox/components/helmet.js

@@ -3,6 +3,7 @@ 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

@@ -2,6 +2,7 @@ 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

@@ -7,6 +7,7 @@
 
 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

@@ -2,8 +2,10 @@ import classNames from 'classnames';
 import PropTypes from 'prop-types';
 import React from 'react';
 import spring from 'react-motion/lib/spring';
+
 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/icon_with_counter.js

@@ -1,5 +1,6 @@
 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,6 +1,7 @@
 import { is } from 'immutable';
 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';
 

app/soapbox/components/load_gap.js

@@ -1,6 +1,7 @@
 import PropTypes from 'prop-types';
 import React from 'react';
 import { injectIntl, defineMessages } from 'react-intl';
+
 import Icon from 'soapbox/components/icon';
 
 const messages = defineMessages({

app/soapbox/components/material_status.js

@@ -4,6 +4,7 @@
 
 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

@@ -6,13 +6,16 @@ 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 { 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

@@ -4,6 +4,7 @@ import React from 'react';
 import 'wicg-inert';
 import { injectIntl, FormattedMessage, defineMessages } from 'react-intl';
 import { connect } from 'react-redux';
+
 import { cancelReplyCompose } from '../actions/compose';
 import { openModal } from '../actions/modal';
 

app/soapbox/components/more_follows.js

@@ -2,6 +2,7 @@ import PropTypes from 'prop-types';
 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/poll.js

@@ -6,12 +6,14 @@ import ImmutablePropTypes from 'react-immutable-proptypes';
 import ImmutablePureComponent from 'react-immutable-pure-component';
 import { defineMessages, injectIntl, FormattedMessage } from 'react-intl';
 import spring from 'react-motion/lib/spring';
+
 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 RelativeTimestamp from './relative_timestamp';
 
 const messages = defineMessages({

app/soapbox/components/primary_navigation.js

@@ -7,6 +7,7 @@ import ImmutablePropTypes from 'react-immutable-proptypes';
 import { FormattedMessage } from 'react-intl';
 import { connect } from 'react-redux';
 import { NavLink, withRouter } from 'react-router-dom';
+
 import { getSettings } from 'soapbox/actions/settings';
 import { getSoapboxConfig } from 'soapbox/actions/soapbox';
 import Icon from 'soapbox/components/icon';

app/soapbox/components/profile_hover_card.js

@@ -5,6 +5,7 @@ import ImmutablePropTypes from 'react-immutable-proptypes';
 import { injectIntl, FormattedMessage } from 'react-intl';
 import { usePopper } from 'react-popper';
 import { useSelector, useDispatch } from 'react-redux';
+
 import { fetchRelationships } from 'soapbox/actions/accounts';
 import {
   closeProfileHoverCard,

app/soapbox/components/pullable.js

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

app/soapbox/components/scrollable_list.js

@@ -4,10 +4,13 @@ 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 LoadingIndicator from './loading_indicator';
 import MoreFollows from './more_follows';

app/soapbox/components/settings_checkbox.js

@@ -3,6 +3,7 @@ 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

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

app/soapbox/components/sidebar_menu.js

@@ -8,15 +8,18 @@ import ImmutablePureComponent from 'react-immutable-pure-component';
 import { injectIntl, defineMessages, FormattedMessage } from 'react-intl';
 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 ThemeToggle from '../features/ui/components/theme_toggle_container';
 import { makeGetAccount, makeGetOtherAccounts } from '../selectors';
 import { isAdmin, getBaseURL } from '../utils/accounts';
+
 import Avatar from './avatar';
 import DisplayName from './display_name';
 import Icon from './icon';

app/soapbox/components/status.js

@@ -6,13 +6,16 @@ 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 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 AttachmentThumbs from './attachment_thumbs';
 import Avatar from './avatar';
 import AvatarComposite from './avatar_composite';

app/soapbox/components/status_action_bar.js

@@ -6,6 +6,7 @@ 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 EmojiSelector from 'soapbox/components/emoji_selector';
 import { isUserTouching } from 'soapbox/is_mobile';
@@ -13,8 +14,10 @@ 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';
 
 const messages = defineMessages({