eslint: enforce gaps between groups with import/order

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({

app/soapbox/components/status_content.js

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

app/soapbox/components/status_list.js

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

app/soapbox/components/status_reply_mentions.js

@@ -5,6 +5,7 @@ import ImmutablePureComponent from 'react-immutable-pure-component';
 import { FormattedMessage, injectIntl } from 'react-intl';
 import { connect } from 'react-redux';
 import { Link } from 'react-router-dom';
+
 import { openModal } from 'soapbox/actions/modal';
 import HoverRefWrapper from 'soapbox/components/hover_ref_wrapper';
 

app/soapbox/components/still_image.js

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

app/soapbox/components/sub_navigation.js

@@ -4,6 +4,7 @@ import PropTypes from 'prop-types';
 import React from 'react';
 import { injectIntl, defineMessages } from 'react-intl';
 import { connect } from 'react-redux';
+
 import { openModal } from 'soapbox/actions/modal';
 import Helmet from 'soapbox/components/helmet';
 import Icon from 'soapbox/components/icon';

app/soapbox/components/thumb_navigation.js

@@ -5,6 +5,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 { getSoapboxConfig } from 'soapbox/actions/soapbox';
 import Icon from 'soapbox/components/icon';
 import IconWithCounter from 'soapbox/components/icon_with_counter';

app/soapbox/components/timeline_queue_button_header.js

@@ -4,6 +4,7 @@ import PropTypes from 'prop-types';
 import React from 'react';
 import { injectIntl } from 'react-intl';
 import { connect } from 'react-redux';
+
 import { getSettings } from 'soapbox/actions/settings';
 import Icon from 'soapbox/components/icon';