Rename files (2): _ -> -

app/soapbox/components/account.tsx

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { Link, useHistory } from 'react-router-dom';
 
 import HoverRefWrapper from 'soapbox/components/hover_ref_wrapper';
-import VerificationBadge from 'soapbox/components/verification_badge';
+import VerificationBadge from 'soapbox/components/verification-badge';
 import ActionButton from 'soapbox/features/ui/components/action-button';
 import { useAppSelector, useOnScreen } from 'soapbox/hooks';
 import { getAcct } from 'soapbox/utils/accounts';

app/soapbox/components/avatar-overlay.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 
-import StillImage from 'soapbox/components/still_image';
+import StillImage from 'soapbox/components/still-image';
 
 import type { Account as AccountEntity } from 'soapbox/types/entities';
 

app/soapbox/components/avatar.tsx

@@ -1,7 +1,7 @@
 import classNames from 'clsx';
 import React from 'react';
 
-import StillImage from 'soapbox/components/still_image';
+import StillImage from 'soapbox/components/still-image';
 
 import type { Account } from 'soapbox/types/entities';
 

app/soapbox/components/column-header.js

@@ -7,7 +7,7 @@ import { withRouter } from 'react-router-dom';
 // import classNames from 'clsx';
 // import { injectIntl, defineMessages } from 'react-intl';
 // import Icon from 'soapbox/components/icon';
-import SubNavigation from 'soapbox/components/sub_navigation';
+import SubNavigation from 'soapbox/components/sub-navigation';
 
 // const messages = defineMessages({
 //   show: { id: 'column_header.show_settings', defaultMessage: 'Show settings' },

app/soapbox/components/display-name.tsx

@@ -7,7 +7,7 @@ import { getAcct } from '../utils/accounts';
 
 import Icon from './icon';
 import RelativeTimestamp from './relative-timestamp';
-import VerificationBadge from './verification_badge';
+import VerificationBadge from './verification-badge';
 
 import type { Account } from 'soapbox/types/entities';
 

app/soapbox/components/icon.tsx

@@ -8,7 +8,7 @@
 import React from 'react';
 
 import ForkAwesomeIcon, { IForkAwesomeIcon } from './fork-awesome-icon';
-import SvgIcon, { ISvgIcon } from './svg_icon';
+import SvgIcon, { ISvgIcon } from './svg-icon';
 
 export type IIcon = IForkAwesomeIcon | ISvgIcon;
 

app/soapbox/components/media-gallery.tsx

@@ -3,7 +3,7 @@ import React, { useState, useRef, useEffect } from 'react';
 
 import Blurhash from 'soapbox/components/blurhash';
 import Icon from 'soapbox/components/icon';
-import StillImage from 'soapbox/components/still_image';
+import StillImage from 'soapbox/components/still-image';
 import { MIMETYPE_ICONS } from 'soapbox/features/compose/components/upload';
 import { useSettings } from 'soapbox/hooks';
 import { Attachment } from 'soapbox/types/entities';

app/soapbox/components/more_follows.tsx

@@ -1,48 +0,0 @@
-import React from 'react';
-import { defineMessages, useIntl } from 'react-intl';
-
-import { useAppSelector } from 'soapbox/hooks';
-import { getFeatures } from 'soapbox/utils/features';
-
-const messages = defineMessages({
-  following: {
-    id: 'morefollows.following_label',
-    defaultMessage: '…and {count} more {count, plural, one {follow} other {follows}} on remote sites.',
-  },
-  followers: {
-    id: 'morefollows.followers_label',
-    defaultMessage: '…and {count} more {count, plural, one {follower} other {followers}} on remote sites.',
-  },
-});
-
-interface IMoreFollows {
-  visible?: Boolean,
-  count?: number,
-  type: 'following' | 'followers',
-}
-
-const MoreFollows: React.FC<IMoreFollows> = ({ visible = true, count, type }) => {
-  const intl = useIntl();
-  const features = useAppSelector((state) => getFeatures(state.instance));
-
-  const getMessage = () => {
-    return intl.formatMessage(messages[type], { count });
-  };
-
-  // If the instance isn't federating, there are no remote followers
-  if (!features.federating) {
-    return null;
-  }
-
-  return (
-    <div className='morefollows-indicator'>
-      <div>
-        <div className='morefollows-indicator__label' style={{ visibility: visible ? 'visible' : 'hidden' }}>
-          {getMessage()}
-        </div>
-      </div>
-    </div>
-  );
-};
-
-export default MoreFollows;

app/soapbox/components/quoted-status.tsx

@@ -11,7 +11,7 @@ import { defaultMediaVisibility } from 'soapbox/utils/status';
 
 import OutlineBox from './outline-box';
 import StatusReplyMentions from './status-reply-mentions';
-import StatusContent from './status_content';
+import StatusContent from './status-content';
 import SensitiveContentOverlay from './statuses/sensitive-content-overlay';
 
 import type { Account as AccountEntity, Status as StatusEntity } from 'soapbox/types/entities';

app/soapbox/components/scrollable-list.tsx

@@ -5,7 +5,7 @@ import { Virtuoso, Components, VirtuosoProps, VirtuosoHandle, ListRange, IndexLo
 
 import { useSettings } from 'soapbox/hooks';
 
-import LoadMore from './load_more';
+import LoadMore from './load-more';
 import { Card, Spinner } from './ui';
 
 /** Custom Viruoso component context. */

app/soapbox/components/status-list.tsx

@@ -5,8 +5,8 @@ import React, { useRef, useCallback } from 'react';
 import { FormattedMessage } from 'react-intl';
 import { v4 as uuidv4 } from 'uuid';
 
-import LoadGap from 'soapbox/components/load_gap';
-import ScrollableList from 'soapbox/components/scrollable_list';
+import LoadGap from 'soapbox/components/load-gap';
+import ScrollableList from 'soapbox/components/scrollable-list';
 import StatusContainer from 'soapbox/containers/status_container';
 import Ad from 'soapbox/features/ads/components/ad';
 import FeedSuggestions from 'soapbox/features/feed-suggestions/feed-suggestions';
@@ -18,7 +18,7 @@ import useAds from 'soapbox/queries/ads';
 
 import type { OrderedSet as ImmutableOrderedSet } from 'immutable';
 import type { VirtuosoHandle } from 'react-virtuoso';
-import type { IScrollableList } from 'soapbox/components/scrollable_list';
+import type { IScrollableList } from 'soapbox/components/scrollable-list';
 import type { Ad as AdEntity } from 'soapbox/types/soapbox';
 
 interface IStatusList extends Omit<IScrollableList, 'onLoadMore' | 'children'> {

app/soapbox/components/status.tsx

@@ -18,7 +18,7 @@ import { defaultMediaVisibility, textForScreenReader, getActualStatus } from 'so
 import StatusActionBar from './status-action-bar';
 import StatusMedia from './status-media';
 import StatusReplyMentions from './status-reply-mentions';
-import StatusContent from './status_content';
+import StatusContent from './status-content';
 import SensitiveContentOverlay from './statuses/sensitive-content-overlay';
 import { Card, HStack, Stack, Text } from './ui';
 

app/soapbox/components/thumb-navigation.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import { FormattedMessage } from 'react-intl';
 
-import ThumbNavigationLink from 'soapbox/components/thumb_navigation-link';
+import ThumbNavigationLink from 'soapbox/components/thumb-navigation-link';
 import { useAppSelector, useOwnAccount } from 'soapbox/hooks';
 import { getFeatures } from 'soapbox/utils/features';
 

app/soapbox/components/ui/avatar/avatar.tsx

@@ -1,7 +1,7 @@
 import classNames from 'clsx';
 import * as React from 'react';
 
-import StillImage from 'soapbox/components/still_image';
+import StillImage from 'soapbox/components/still-image';
 
 const AVATAR_SIZE = 42;
 

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

@@ -16,7 +16,7 @@ import { setSearchAccount } from 'soapbox/actions/search';
 import { getSettings } from 'soapbox/actions/settings';
 import snackbar from 'soapbox/actions/snackbar';
 import Badge from 'soapbox/components/badge';
-import StillImage from 'soapbox/components/still_image';
+import StillImage from 'soapbox/components/still-image';
 import { HStack, IconButton, Menu, MenuButton, MenuItem, MenuList, MenuLink, MenuDivider, Avatar } from 'soapbox/components/ui';
 import SvgIcon from 'soapbox/components/ui/icon/svg-icon';
 import MovedNote from 'soapbox/features/account_timeline/components/moved_note';

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

@@ -3,7 +3,7 @@ import React, { useState } from 'react';
 
 import Blurhash from 'soapbox/components/blurhash';
 import Icon from 'soapbox/components/icon';
-import StillImage from 'soapbox/components/still_image';
+import StillImage from 'soapbox/components/still-image';
 import { useSettings } from 'soapbox/hooks';
 import { isIOS } from 'soapbox/is_mobile';
 

app/soapbox/features/account_gallery/index.tsx

@@ -8,8 +8,8 @@ import {
 } from 'soapbox/actions/accounts';
 import { openModal } from 'soapbox/actions/modals';
 import { expandAccountMediaTimeline } from 'soapbox/actions/timelines';
-import LoadMore from 'soapbox/components/load_more';
-import MissingIndicator from 'soapbox/components/missing_indicator';
+import LoadMore from 'soapbox/components/load-more';
+import MissingIndicator from 'soapbox/components/missing-indicator';
 import { Column, Spinner } from 'soapbox/components/ui';
 import { useAppDispatch, useAppSelector } from 'soapbox/hooks';
 import { getAccountGallery, findAccountByUsername } from 'soapbox/selectors';

app/soapbox/features/account_timeline/index.tsx

@@ -5,8 +5,8 @@ import { useHistory } from 'react-router-dom';
 import { fetchAccountByUsername } from 'soapbox/actions/accounts';
 import { fetchPatronAccount } from 'soapbox/actions/patron';
 import { expandAccountFeaturedTimeline, expandAccountTimeline } from 'soapbox/actions/timelines';
-import MissingIndicator from 'soapbox/components/missing_indicator';
-import StatusList from 'soapbox/components/status_list';
+import MissingIndicator from 'soapbox/components/missing-indicator';
+import StatusList from 'soapbox/components/status-list';
 import { Card, CardBody, Spinner, Text } from 'soapbox/components/ui';
 import { useAppDispatch, useAppSelector, useFeatures, useSettings, useSoapboxConfig } from 'soapbox/hooks';
 import { makeGetStatusIds, findAccountByUsername } from 'soapbox/selectors';

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

@@ -4,7 +4,7 @@ import { useIntl, defineMessages } from 'react-intl';
 
 import { openModal } from 'soapbox/actions/modals';
 import { deleteStatusModal } from 'soapbox/actions/moderation';
-import StatusContent from 'soapbox/components/status_content';
+import StatusContent from 'soapbox/components/status-content';
 import DropdownMenu from 'soapbox/containers/dropdown_menu_container';
 import Bundle from 'soapbox/features/ui/components/bundle';
 import { MediaGallery, Video, Audio } from 'soapbox/features/ui/util/async-components';

app/soapbox/features/admin/moderation_log.tsx

@@ -2,7 +2,7 @@ import React, { useEffect, useState } from 'react';
 import { defineMessages, FormattedDate, useIntl } from 'react-intl';
 
 import { fetchModerationLog } from 'soapbox/actions/admin';
-import ScrollableList from 'soapbox/components/scrollable_list';
+import ScrollableList from 'soapbox/components/scrollable-list';
 import { useAppDispatch, useAppSelector } from 'soapbox/hooks';
 
 import Column from '../ui/components/column';

app/soapbox/features/admin/tabs/awaiting-approval.tsx

@@ -2,7 +2,7 @@ import React, { useState, useEffect } from 'react';
 import { defineMessages, useIntl } from 'react-intl';
 
 import { fetchUsers } from 'soapbox/actions/admin';
-import ScrollableList from 'soapbox/components/scrollable_list';
+import ScrollableList from 'soapbox/components/scrollable-list';
 import { useAppSelector, useAppDispatch } from 'soapbox/hooks';
 
 import UnapprovedAccount from '../components/unapproved_account';

app/soapbox/features/admin/tabs/reports.tsx

@@ -2,7 +2,7 @@ import React, { useState, useEffect } from 'react';
 import { defineMessages, useIntl } from 'react-intl';
 
 import { fetchReports } from 'soapbox/actions/admin';
-import ScrollableList from 'soapbox/components/scrollable_list';
+import ScrollableList from 'soapbox/components/scrollable-list';
 import { useAppSelector, useAppDispatch } from 'soapbox/hooks';
 
 import Report from '../components/report';

app/soapbox/features/admin/user_index.js

@@ -7,7 +7,7 @@ import { injectIntl, defineMessages } from 'react-intl';
 import { connect } from 'react-redux';
 
 import { fetchUsers } from 'soapbox/actions/admin';
-import ScrollableList from 'soapbox/components/scrollable_list';
+import ScrollableList from 'soapbox/components/scrollable-list';
 import AccountContainer from 'soapbox/containers/account_container';
 import { SimpleForm, TextInput } from 'soapbox/features/forms';
 import Column from 'soapbox/features/ui/components/column';

app/soapbox/features/aliases/index.tsx

@@ -4,7 +4,7 @@ import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
 
 import { fetchAliases, removeFromAliases } from 'soapbox/actions/aliases';
 import Icon from 'soapbox/components/icon';
-import ScrollableList from 'soapbox/components/scrollable_list';
+import ScrollableList from 'soapbox/components/scrollable-list';
 import { CardHeader, CardTitle, Column, HStack, Text } from 'soapbox/components/ui';
 import { useAppDispatch, useAppSelector } from 'soapbox/hooks';
 import { makeGetAccount } from 'soapbox/selectors';

app/soapbox/features/backups/index.tsx

@@ -3,7 +3,7 @@ import React, { useEffect, useState } from 'react';
 import { defineMessages, useIntl } from 'react-intl';
 
 import { fetchBackups, createBackup } from 'soapbox/actions/backups';
-import ScrollableList from 'soapbox/components/scrollable_list';
+import ScrollableList from 'soapbox/components/scrollable-list';
 import { useAppDispatch, useAppSelector } from 'soapbox/hooks';
 
 import Column from '../ui/components/better_column';

app/soapbox/features/blocks/index.tsx

@@ -4,7 +4,7 @@ import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
 import { useDispatch } from 'react-redux';
 
 import { fetchBlocks, expandBlocks } from 'soapbox/actions/blocks';
-import ScrollableList from 'soapbox/components/scrollable_list';
+import ScrollableList from 'soapbox/components/scrollable-list';
 import { Column, Spinner } from 'soapbox/components/ui';
 import AccountContainer from 'soapbox/containers/account_container';
 import { useAppSelector } from 'soapbox/hooks';

app/soapbox/features/bookmarks/index.tsx

@@ -4,8 +4,8 @@ import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
 
 import { fetchBookmarkedStatuses, expandBookmarkedStatuses } from 'soapbox/actions/bookmarks';
 import PullToRefresh from 'soapbox/components/pull-to-refresh';
-import StatusList from 'soapbox/components/status_list';
-import SubNavigation from 'soapbox/components/sub_navigation';
+import StatusList from 'soapbox/components/status-list';
+import SubNavigation from 'soapbox/components/sub-navigation';
 import { Column } from 'soapbox/components/ui';
 import { useAppSelector, useAppDispatch } from 'soapbox/hooks';
 

app/soapbox/features/community_timeline/index.tsx

@@ -4,7 +4,7 @@ import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
 import { connectCommunityStream } from 'soapbox/actions/streaming';
 import { expandCommunityTimeline } from 'soapbox/actions/timelines';
 import PullToRefresh from 'soapbox/components/pull-to-refresh';
-import SubNavigation from 'soapbox/components/sub_navigation';
+import SubNavigation from 'soapbox/components/sub-navigation';
 import { Column } from 'soapbox/components/ui';
 import { useAppDispatch, useSettings } from 'soapbox/hooks';
 

app/soapbox/features/compose/components/search_results.tsx

@@ -6,7 +6,7 @@ import { expandSearch, setFilter, setSearchAccount } from 'soapbox/actions/searc
 import { fetchTrendingStatuses } from 'soapbox/actions/trending_statuses';
 import Hashtag from 'soapbox/components/hashtag';
 import IconButton from 'soapbox/components/icon-button';
-import ScrollableList from 'soapbox/components/scrollable_list';
+import ScrollableList from 'soapbox/components/scrollable-list';
 import { HStack, Tabs, Text } from 'soapbox/components/ui';
 import AccountContainer from 'soapbox/containers/account_container';
 import StatusContainer from 'soapbox/containers/status_container';

app/soapbox/features/conversations/components/conversations_list.tsx

@@ -3,7 +3,7 @@ import React, { useRef } from 'react';
 import { FormattedMessage } from 'react-intl';
 
 import { expandConversations } from 'soapbox/actions/conversations';
-import ScrollableList from 'soapbox/components/scrollable_list';
+import ScrollableList from 'soapbox/components/scrollable-list';
 import { useAppDispatch, useAppSelector } from 'soapbox/hooks';
 
 import Conversation from '../components/conversation';

app/soapbox/features/directory/index.tsx

@@ -5,7 +5,7 @@ import { useDispatch } from 'react-redux';
 import { useLocation } from 'react-router-dom';
 
 import { fetchDirectory, expandDirectory } from 'soapbox/actions/directory';
-import LoadMore from 'soapbox/components/load_more';
+import LoadMore from 'soapbox/components/load-more';
 import RadioButton from 'soapbox/components/radio_button';
 import Column from 'soapbox/features/ui/components/column';
 import { useAppSelector } from 'soapbox/hooks';

app/soapbox/features/domain_blocks/index.tsx

@@ -5,7 +5,7 @@ import { useDispatch } from 'react-redux';
 
 import { fetchDomainBlocks, expandDomainBlocks } from 'soapbox/actions/domain_blocks';
 import Domain from 'soapbox/components/domain';
-import ScrollableList from 'soapbox/components/scrollable_list';
+import ScrollableList from 'soapbox/components/scrollable-list';
 import { Spinner } from 'soapbox/components/ui';
 import { useAppSelector } from 'soapbox/hooks';
 

app/soapbox/features/edit_profile/components/profile-preview.tsx

@@ -1,8 +1,8 @@
 import React from 'react';
 
-import StillImage from 'soapbox/components/still_image';
+import StillImage from 'soapbox/components/still-image';
 import { HStack, Stack, Text } from 'soapbox/components/ui';
-import VerificationBadge from 'soapbox/components/verification_badge';
+import VerificationBadge from 'soapbox/components/verification-badge';
 import { useSoapboxConfig } from 'soapbox/hooks';
 
 import type { Account } from 'soapbox/types/entities';

app/soapbox/features/embedded-status/index.tsx

@@ -2,7 +2,7 @@ import React, { useCallback, useEffect, useState } from 'react';
 import { useHistory } from 'react-router-dom';
 
 import { fetchStatus } from 'soapbox/actions/statuses';
-import MissingIndicator from 'soapbox/components/missing_indicator';
+import MissingIndicator from 'soapbox/components/missing-indicator';
 import SiteLogo from 'soapbox/components/site-logo';
 import Status from 'soapbox/components/status';
 import { Spinner } from 'soapbox/components/ui';

app/soapbox/features/favourited_statuses/index.tsx

@@ -5,8 +5,8 @@ import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
 
 import { fetchAccount, fetchAccountByUsername } from 'soapbox/actions/accounts';
 import { fetchFavouritedStatuses, expandFavouritedStatuses, fetchAccountFavouritedStatuses, expandAccountFavouritedStatuses } from 'soapbox/actions/favourites';
-import MissingIndicator from 'soapbox/components/missing_indicator';
-import StatusList from 'soapbox/components/status_list';
+import MissingIndicator from 'soapbox/components/missing-indicator';
+import StatusList from 'soapbox/components/status-list';
 import { useAppDispatch, useAppSelector, useFeatures, useOwnAccount } from 'soapbox/hooks';
 import { findAccountByUsername } from 'soapbox/selectors';
 

app/soapbox/features/federation_restrictions/index.tsx

@@ -1,7 +1,7 @@
 import React, { useState } from 'react';
 import { defineMessages, useIntl } from 'react-intl';
 
-import ScrollableList from 'soapbox/components/scrollable_list';
+import ScrollableList from 'soapbox/components/scrollable-list';
 import Accordion from 'soapbox/features/ui/components/accordion';
 import { useAppSelector } from 'soapbox/hooks';
 import { makeGetHosts } from 'soapbox/selectors';

app/soapbox/features/feed-suggestions/feed-suggestions.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import { defineMessages, useIntl } from 'react-intl';
 import { Link } from 'react-router-dom';
 
-import VerificationBadge from 'soapbox/components/verification_badge';
+import VerificationBadge from 'soapbox/components/verification-badge';
 import { useAccount, useAppSelector } from 'soapbox/hooks';
 
 import { Card, CardBody, CardTitle, HStack, Stack, Text } from '../../components/ui';

app/soapbox/features/filters/index.tsx

@@ -4,7 +4,7 @@ import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
 import { fetchFilters, createFilter, deleteFilter } from 'soapbox/actions/filters';
 import snackbar from 'soapbox/actions/snackbar';
 import Icon from 'soapbox/components/icon';
-import ScrollableList from 'soapbox/components/scrollable_list';
+import ScrollableList from 'soapbox/components/scrollable-list';
 import { Button, CardHeader, CardTitle, Column, Form, FormActions, FormGroup, Input, Text } from 'soapbox/components/ui';
 import {
   FieldsGroup,

app/soapbox/features/follow-recommendations/index.tsx

@@ -3,7 +3,7 @@ import React, { useEffect } from 'react';
 import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
 
 import { fetchSuggestions } from 'soapbox/actions/suggestions';
-import ScrollableList from 'soapbox/components/scrollable_list';
+import ScrollableList from 'soapbox/components/scrollable-list';
 import { Stack, Text } from 'soapbox/components/ui';
 import AccountContainer from 'soapbox/containers/account_container';
 import Column from 'soapbox/features/ui/components/column';

app/soapbox/features/follow_requests/index.tsx

@@ -4,7 +4,7 @@ import { defineMessages, useIntl, FormattedMessage } from 'react-intl';
 import { useDispatch } from 'react-redux';
 
 import { fetchFollowRequests, expandFollowRequests } from 'soapbox/actions/accounts';
-import ScrollableList from 'soapbox/components/scrollable_list';
+import ScrollableList from 'soapbox/components/scrollable-list';
 import { Spinner } from 'soapbox/components/ui';
 import { useAppSelector } from 'soapbox/hooks';
 

app/soapbox/features/followers/index.tsx

@@ -9,8 +9,8 @@ import {
   expandFollowers,
   fetchAccountByUsername,
 } from 'soapbox/actions/accounts';
-import MissingIndicator from 'soapbox/components/missing_indicator';
-import ScrollableList from 'soapbox/components/scrollable_list';
+import MissingIndicator from 'soapbox/components/missing-indicator';
+import ScrollableList from 'soapbox/components/scrollable-list';
 import { Spinner } from 'soapbox/components/ui';
 import AccountContainer from 'soapbox/containers/account_container';
 import { useAppDispatch, useAppSelector, useFeatures, useOwnAccount } from 'soapbox/hooks';

app/soapbox/features/following/index.tsx

@@ -9,8 +9,8 @@ import {
   expandFollowing,
   fetchAccountByUsername,
 } from 'soapbox/actions/accounts';
-import MissingIndicator from 'soapbox/components/missing_indicator';
-import ScrollableList from 'soapbox/components/scrollable_list';
+import MissingIndicator from 'soapbox/components/missing-indicator';
+import ScrollableList from 'soapbox/components/scrollable-list';
 import { Spinner } from 'soapbox/components/ui';
 import AccountContainer from 'soapbox/containers/account_container';
 import { useAppDispatch, useAppSelector, useFeatures, useOwnAccount } from 'soapbox/hooks';

app/soapbox/features/generic_not_found/index.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 
-import MissingIndicator from '../../components/missing_indicator';
+import MissingIndicator from '../../components/missing-indicator';
 
 const GenericNotFound = () => (
   <MissingIndicator />

app/soapbox/features/hashtag-timeline/index.tsx

@@ -3,7 +3,7 @@ import { FormattedMessage } from 'react-intl';
 
 import { connectHashtagStream } from 'soapbox/actions/streaming';
 import { expandHashtagTimeline, clearTimeline } from 'soapbox/actions/timelines';
-import SubNavigation from 'soapbox/components/sub_navigation';
+import SubNavigation from 'soapbox/components/sub-navigation';
 import { Column } from 'soapbox/components/ui';
 import Timeline from 'soapbox/features/ui/components/timeline';
 import { useAppDispatch } from 'soapbox/hooks';

app/soapbox/features/landing_page/index.tsx

@@ -3,7 +3,7 @@ import { FormattedMessage } from 'react-intl';
 
 import { prepareRequest } from 'soapbox/actions/consumer-auth';
 import { Button, Card, CardBody, Stack, Text } from 'soapbox/components/ui';
-import VerificationBadge from 'soapbox/components/verification_badge';
+import VerificationBadge from 'soapbox/components/verification-badge';
 import RegistrationForm from 'soapbox/features/auth_login/components/registration_form';
 import { useAppDispatch, useAppSelector, useFeatures, useSoapboxConfig } from 'soapbox/hooks';
 import { capitalize } from 'soapbox/utils/strings';

app/soapbox/features/list_timeline/index.tsx

@@ -6,7 +6,7 @@ import { fetchList } from 'soapbox/actions/lists';
 import { openModal } from 'soapbox/actions/modals';
 import { connectListStream } from 'soapbox/actions/streaming';
 import { expandListTimeline } from 'soapbox/actions/timelines';
-import MissingIndicator from 'soapbox/components/missing_indicator';
+import MissingIndicator from 'soapbox/components/missing-indicator';
 import { Button, Spinner } from 'soapbox/components/ui';
 import Column from 'soapbox/features/ui/components/column';
 import { useAppDispatch, useAppSelector } from 'soapbox/hooks';

app/soapbox/features/lists/index.tsx

@@ -7,7 +7,7 @@ import { createSelector } from 'reselect';
 import { deleteList, fetchLists } from 'soapbox/actions/lists';
 import { openModal } from 'soapbox/actions/modals';
 import Icon from 'soapbox/components/icon';
-import ScrollableList from 'soapbox/components/scrollable_list';
+import ScrollableList from 'soapbox/components/scrollable-list';
 import { Column, IconButton, Spinner } from 'soapbox/components/ui';
 import { useAppSelector } from 'soapbox/hooks';
 

app/soapbox/features/mutes/index.tsx

@@ -4,7 +4,7 @@ import { defineMessages, useIntl, FormattedMessage } from 'react-intl';
 import { useDispatch } from 'react-redux';
 
 import { fetchMutes, expandMutes } from 'soapbox/actions/mutes';
-import ScrollableList from 'soapbox/components/scrollable_list';
+import ScrollableList from 'soapbox/components/scrollable-list';
 import { Column, Spinner } from 'soapbox/components/ui';
 import AccountContainer from 'soapbox/containers/account_container';
 import { useAppSelector } from 'soapbox/hooks';

app/soapbox/features/notifications/index.tsx

@@ -13,7 +13,7 @@ import {
 import { getSettings } from 'soapbox/actions/settings';
 import PullToRefresh from 'soapbox/components/pull-to-refresh';
 import ScrollTopButton from 'soapbox/components/scroll-top-button';
-import ScrollableList from 'soapbox/components/scrollable_list';
+import ScrollableList from 'soapbox/components/scrollable-list';
 import { Column } from 'soapbox/components/ui';
 import PlaceholderNotification from 'soapbox/features/placeholder/components/placeholder_notification';
 import { useAppDispatch, useAppSelector, useSettings } from 'soapbox/hooks';

app/soapbox/features/onboarding/steps/cover-photo-selection-step.tsx

@@ -5,7 +5,7 @@ import { useDispatch } from 'react-redux';
 
 import { patchMe } from 'soapbox/actions/me';
 import snackbar from 'soapbox/actions/snackbar';
-import StillImage from 'soapbox/components/still_image';
+import StillImage from 'soapbox/components/still-image';
 import { Avatar, Button, Card, CardBody, Icon, Spinner, Stack, Text } from 'soapbox/components/ui';
 import { useOwnAccount } from 'soapbox/hooks';
 import resizeImage from 'soapbox/utils/resize_image';

app/soapbox/features/onboarding/steps/suggested-accounts-step.tsx

@@ -2,7 +2,7 @@ import debounce from 'lodash/debounce';
 import * as React from 'react';
 import { FormattedMessage } from 'react-intl';
 
-import ScrollableList from 'soapbox/components/scrollable_list';
+import ScrollableList from 'soapbox/components/scrollable-list';
 import { Button, Card, CardBody, Stack, Text } from 'soapbox/components/ui';
 import AccountContainer from 'soapbox/containers/account_container';
 import { useOnboardingSuggestions } from 'soapbox/queries/suggestions';

app/soapbox/features/pinned_statuses/index.tsx

@@ -3,8 +3,8 @@ import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
 import { useParams } from 'react-router-dom';
 
 import { fetchPinnedStatuses } from 'soapbox/actions/pin_statuses';
-import MissingIndicator from 'soapbox/components/missing_indicator';
-import StatusList from 'soapbox/components/status_list';
+import MissingIndicator from 'soapbox/components/missing-indicator';
+import StatusList from 'soapbox/components/status-list';
 import { useAppDispatch, useAppSelector } from 'soapbox/hooks';
 
 import Column from '../ui/components/column';

app/soapbox/features/public_timeline/index.tsx

@@ -6,7 +6,7 @@ import { changeSetting } from 'soapbox/actions/settings';
 import { connectPublicStream } from 'soapbox/actions/streaming';
 import { expandPublicTimeline } from 'soapbox/actions/timelines';
 import PullToRefresh from 'soapbox/components/pull-to-refresh';
-import SubNavigation from 'soapbox/components/sub_navigation';
+import SubNavigation from 'soapbox/components/sub-navigation';
 import { Column } from 'soapbox/components/ui';
 import Accordion from 'soapbox/features/ui/components/accordion';
 import { useAppDispatch, useAppSelector, useSettings } from 'soapbox/hooks';

app/soapbox/features/report/components/status_check_box.tsx

@@ -3,7 +3,7 @@ import React from 'react';
 import Toggle from 'react-toggle';
 
 import { toggleStatusReport } from 'soapbox/actions/reports';
-import StatusContent from 'soapbox/components/status_content';
+import StatusContent from 'soapbox/components/status-content';
 import { useAppDispatch, useAppSelector } from 'soapbox/hooks';
 
 import Bundle from '../../ui/components/bundle';

app/soapbox/features/scheduled_statuses/components/scheduled_status.tsx

@@ -3,7 +3,7 @@ import React from 'react';
 
 import AttachmentThumbs from 'soapbox/components/attachment-thumbs';
 import StatusReplyMentions from 'soapbox/components/status-reply-mentions';
-import StatusContent from 'soapbox/components/status_content';
+import StatusContent from 'soapbox/components/status-content';
 import { HStack } from 'soapbox/components/ui';
 import AccountContainer from 'soapbox/containers/account_container';
 import PollPreview from 'soapbox/features/ui/components/poll_preview';

app/soapbox/features/scheduled_statuses/index.tsx

@@ -3,7 +3,7 @@ import React, { useEffect } from 'react';
 import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
 
 import { fetchScheduledStatuses, expandScheduledStatuses } from 'soapbox/actions/scheduled_statuses';
-import ScrollableList from 'soapbox/components/scrollable_list';
+import ScrollableList from 'soapbox/components/scrollable-list';
 import { useAppSelector, useAppDispatch } from 'soapbox/hooks';
 
 import Column from '../ui/components/column';

app/soapbox/features/status/components/detailed-status.tsx

@@ -5,7 +5,7 @@ import { FormattedDate, FormattedMessage, useIntl } from 'react-intl';
 import Icon from 'soapbox/components/icon';
 import StatusMedia from 'soapbox/components/status-media';
 import StatusReplyMentions from 'soapbox/components/status-reply-mentions';
-import StatusContent from 'soapbox/components/status_content';
+import StatusContent from 'soapbox/components/status-content';
 import SensitiveContentOverlay from 'soapbox/components/statuses/sensitive-content-overlay';
 import TranslateButton from 'soapbox/components/translate-button';
 import { HStack, Stack, Text } from 'soapbox/components/ui';

app/soapbox/features/status/index.tsx

@@ -25,11 +25,11 @@ import {
   fetchStatusWithContext,
   fetchNext,
 } from 'soapbox/actions/statuses';
-import MissingIndicator from 'soapbox/components/missing_indicator';
+import MissingIndicator from 'soapbox/components/missing-indicator';
 import PullToRefresh from 'soapbox/components/pull-to-refresh';
-import ScrollableList from 'soapbox/components/scrollable_list';
+import ScrollableList from 'soapbox/components/scrollable-list';
 import StatusActionBar from 'soapbox/components/status-action-bar';
-import SubNavigation from 'soapbox/components/sub_navigation';
+import SubNavigation from 'soapbox/components/sub-navigation';
 import Tombstone from 'soapbox/components/tombstone';
 import { Column, Stack } from 'soapbox/components/ui';
 import PlaceholderStatus from 'soapbox/features/placeholder/components/placeholder_status';

app/soapbox/features/test_timeline/index.tsx

@@ -4,7 +4,7 @@ import { useDispatch } from 'react-redux';
 
 import { importFetchedStatuses } from 'soapbox/actions/importer';
 import { expandTimelineSuccess } from 'soapbox/actions/timelines';
-import SubNavigation from 'soapbox/components/sub_navigation';
+import SubNavigation from 'soapbox/components/sub-navigation';
 
 import { Column } from '../../components/ui';
 import Timeline from '../ui/components/timeline';

app/soapbox/features/ui/components/actions_modal.tsx

@@ -4,7 +4,7 @@ import { FormattedMessage } from 'react-intl';
 import { spring } from 'react-motion';
 
 import Icon from 'soapbox/components/icon';
-import StatusContent from 'soapbox/components/status_content';
+import StatusContent from 'soapbox/components/status-content';
 import { Stack } from 'soapbox/components/ui';
 import AccountContainer from 'soapbox/containers/account_container';
 

app/soapbox/features/ui/components/birthdays_modal.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import { FormattedMessage } from 'react-intl';
 
-import ScrollableList from 'soapbox/components/scrollable_list';
+import ScrollableList from 'soapbox/components/scrollable-list';
 import { Modal, Spinner } from 'soapbox/components/ui';
 import Account from 'soapbox/features/birthdays/account';
 import { useAppSelector } from 'soapbox/hooks';

app/soapbox/features/ui/components/column_header.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 
 // import classNames from 'clsx';
 // import Icon from 'soapbox/components/icon';
-import SubNavigation from 'soapbox/components/sub_navigation';
+import SubNavigation from 'soapbox/components/sub-navigation';
 
 interface IColumnHeader {
   icon?: string,

app/soapbox/features/ui/components/compose_modal.tsx

@@ -3,7 +3,7 @@ import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
 
 import { cancelReplyCompose } from 'soapbox/actions/compose';
 import { openModal, closeModal } from 'soapbox/actions/modals';
-import { checkComposeContent } from 'soapbox/components/modal_root';
+import { checkComposeContent } from 'soapbox/components/modal-root';
 import { Modal } from 'soapbox/components/ui';
 import { useAppDispatch, useCompose } from 'soapbox/hooks';
 

app/soapbox/features/ui/components/familiar_followers_modal.tsx

@@ -2,7 +2,7 @@ import { OrderedSet as ImmutableOrderedSet } from 'immutable';
 import React from 'react';
 import { FormattedMessage } from 'react-intl';
 
-import ScrollableList from 'soapbox/components/scrollable_list';
+import ScrollableList from 'soapbox/components/scrollable-list';
 import { Modal, Spinner } from 'soapbox/components/ui';
 import AccountContainer from 'soapbox/containers/account_container';
 import { useAppSelector } from 'soapbox/hooks';

app/soapbox/features/ui/components/mentions_modal.tsx

@@ -3,7 +3,7 @@ import React, { useCallback, useEffect } from 'react';
 import { FormattedMessage } from 'react-intl';
 
 import { fetchStatusWithContext } from 'soapbox/actions/statuses';
-import ScrollableList from 'soapbox/components/scrollable_list';
+import ScrollableList from 'soapbox/components/scrollable-list';
 import { Modal, Spinner } from 'soapbox/components/ui';
 import AccountContainer from 'soapbox/containers/account_container';
 import { useAppDispatch, useAppSelector } from 'soapbox/hooks';

app/soapbox/features/ui/components/modal_root.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 
-import Base from 'soapbox/components/modal_root';
+import Base from 'soapbox/components/modal-root';
 import {
   MediaModal,
   VideoModal,

app/soapbox/features/ui/components/modals/account-moderation-modal/account-moderation-modal.tsx

@@ -12,7 +12,7 @@ import { deactivateUserModal, deleteUserModal } from 'soapbox/actions/moderation
 import snackbar from 'soapbox/actions/snackbar';
 import Account from 'soapbox/components/account';
 import List, { ListItem } from 'soapbox/components/list';
-import MissingIndicator from 'soapbox/components/missing_indicator';
+import MissingIndicator from 'soapbox/components/missing-indicator';
 import OutlineBox from 'soapbox/components/outline-box';
 import { Button, Text, HStack, Modal, Stack, Toggle } from 'soapbox/components/ui';
 import { useAppDispatch, useAppSelector, useFeatures, useOwnAccount } from 'soapbox/hooks';

app/soapbox/features/ui/components/modals/report-modal/report-modal.tsx

@@ -5,7 +5,7 @@ import { blockAccount } from 'soapbox/actions/accounts';
 import { submitReport, submitReportSuccess, submitReportFail } from 'soapbox/actions/reports';
 import { expandAccountTimeline } from 'soapbox/actions/timelines';
 import AttachmentThumbs from 'soapbox/components/attachment-thumbs';
-import StatusContent from 'soapbox/components/status_content';
+import StatusContent from 'soapbox/components/status-content';
 import { Modal, ProgressBar, Stack, Text } from 'soapbox/components/ui';
 import AccountContainer from 'soapbox/containers/account_container';
 import { useAccount, useAppDispatch, useAppSelector } from 'soapbox/hooks';

app/soapbox/features/ui/components/pending_status.tsx

@@ -1,8 +1,8 @@
 import classNames from 'clsx';
 import React from 'react';
 
+import StatusContent from 'soapbox/components/status-content';
 import StatusReplyMentions from 'soapbox/components/status-reply-mentions';
-import StatusContent from 'soapbox/components/status_content';
 import { Card, HStack } from 'soapbox/components/ui';
 import AccountContainer from 'soapbox/containers/account_container';
 import PlaceholderCard from 'soapbox/features/placeholder/components/placeholder_card';

app/soapbox/features/ui/components/profile_familiar_followers.tsx

@@ -8,7 +8,7 @@ import { fetchAccountFamiliarFollowers } from 'soapbox/actions/familiar_follower
 import { openModal } from 'soapbox/actions/modals';
 import HoverRefWrapper from 'soapbox/components/hover_ref_wrapper';
 import { Text } from 'soapbox/components/ui';
-import VerificationBadge from 'soapbox/components/verification_badge';
+import VerificationBadge from 'soapbox/components/verification-badge';
 import { useAppSelector, useFeatures } from 'soapbox/hooks';
 import { makeGetAccount } from 'soapbox/selectors';
 

app/soapbox/features/ui/components/profile_info_panel.tsx

@@ -5,7 +5,7 @@ import { defineMessages, useIntl, FormattedMessage } from 'react-intl';
 
 import Badge from 'soapbox/components/badge';
 import { Icon, HStack, Stack, Text } from 'soapbox/components/ui';
-import VerificationBadge from 'soapbox/components/verification_badge';
+import VerificationBadge from 'soapbox/components/verification-badge';
 import { useSoapboxConfig } from 'soapbox/hooks';
 import { isLocal } from 'soapbox/utils/accounts';
 import { badgeToTag, getBadges as getAccountBadges } from 'soapbox/utils/badges';

app/soapbox/features/ui/components/reactions_modal.tsx

@@ -3,7 +3,7 @@ import React, { useEffect, useState } from 'react';
 import { FormattedMessage, defineMessages, useIntl } from 'react-intl';
 
 import { fetchFavourites, fetchReactions } from 'soapbox/actions/interactions';
-import ScrollableList from 'soapbox/components/scrollable_list';
+import ScrollableList from 'soapbox/components/scrollable-list';
 import { Emoji, Modal, Spinner, Tabs } from 'soapbox/components/ui';
 import AccountContainer from 'soapbox/containers/account_container';
 import { useAppDispatch, useAppSelector } from 'soapbox/hooks';

app/soapbox/features/ui/components/reblogs_modal.tsx

@@ -3,7 +3,7 @@ import { FormattedMessage } from 'react-intl';
 
 import { fetchReblogs } from 'soapbox/actions/interactions';
 import { fetchStatus } from 'soapbox/actions/statuses';
-import ScrollableList from 'soapbox/components/scrollable_list';
+import ScrollableList from 'soapbox/components/scrollable-list';
 import { Modal, Spinner } from 'soapbox/components/ui';
 import AccountContainer from 'soapbox/containers/account_container';
 import { useAppDispatch, useAppSelector } from 'soapbox/hooks';

app/soapbox/features/ui/components/timeline.tsx

@@ -5,7 +5,7 @@ import { defineMessages } from 'react-intl';
 
 import { dequeueTimeline, scrollTopTimeline } from 'soapbox/actions/timelines';
 import ScrollTopButton from 'soapbox/components/scroll-top-button';
-import StatusList, { IStatusList } from 'soapbox/components/status_list';
+import StatusList, { IStatusList } from 'soapbox/components/status-list';
 import { useAppSelector, useAppDispatch } from 'soapbox/hooks';
 import { makeGetStatusIds } from 'soapbox/selectors';
 

app/soapbox/features/ui/components/user_panel.tsx

@@ -3,9 +3,9 @@ import { FormattedMessage, useIntl } from 'react-intl';
 import { Link } from 'react-router-dom';
 
 import Avatar from 'soapbox/components/avatar';
-import StillImage from 'soapbox/components/still_image';
+import StillImage from 'soapbox/components/still-image';
 import { HStack, Stack, Text } from 'soapbox/components/ui';
-import VerificationBadge from 'soapbox/components/verification_badge';
+import VerificationBadge from 'soapbox/components/verification-badge';
 import { useAppSelector } from 'soapbox/hooks';
 import { makeGetAccount } from 'soapbox/selectors';
 import { getAcct } from 'soapbox/utils/accounts';

app/soapbox/features/ui/index.tsx

@@ -23,7 +23,7 @@ import { fetchSuggestionsForTimeline } from 'soapbox/actions/suggestions';
 import { expandHomeTimeline } from 'soapbox/actions/timelines';
 import Icon from 'soapbox/components/icon';
 import SidebarNavigation from 'soapbox/components/sidebar-navigation';
-import ThumbNavigation from 'soapbox/components/thumb_navigation';
+import ThumbNavigation from 'soapbox/components/thumb-navigation';
 import { Layout } from 'soapbox/components/ui';
 import { useAppDispatch, useAppSelector, useOwnAccount, useSoapboxConfig, useFeatures } from 'soapbox/hooks';
 import AdminPage from 'soapbox/pages/admin_page';

app/soapbox/features/ui/util/async-components.ts

@@ -111,7 +111,7 @@ export function AccountModerationModal() {
 }
 
 export function MediaGallery() {
-  return import(/* webpackChunkName: "status/media_gallery" */'../../../components/media_gallery');
+  return import(/* webpackChunkName: "status/media_gallery" */'../../../components/media-gallery');
 }
 
 export function Video() {
@@ -363,7 +363,7 @@ export function LatestAccountsPanel() {
 }
 
 export function SidebarMenu() {
-  return import(/* webpackChunkName: "features/ui" */'../../../components/sidebar_menu');
+  return import(/* webpackChunkName: "features/ui" */'../../../components/sidebar-menu');
 }
 
 export function UploadArea() {