Progress on refactor

Update files paths, components

app/javascript/gabsocial/api.js

@@ -33,7 +33,7 @@ export default getState => axios.create({
   transformResponse: [function (data) {
     try {
       return JSON.parse(data);
-    } catch(Exception) {
+    } catch (Exception) {
       return data;
     }
   }],

app/javascript/gabsocial/components/account/account.js

@@ -3,10 +3,10 @@ import { Link } from 'react-router-dom';
 import ImmutablePropTypes from 'react-immutable-proptypes';
 import { defineMessages, injectIntl } from 'react-intl';
 import ImmutablePureComponent from 'react-immutable-pure-component';
+import { me } from '../../initial_state';
 import Avatar from '../avatar/avatar';
 import DisplayName from '../display_name';
 import IconButton from '../icon_button';
-import { me } from '../../initial_state';
 
 import './account.scss';
 

app/javascript/gabsocial/components/autosuggest_account/autosuggest_account.js

@@ -1,8 +1,8 @@
 import ImmutablePropTypes from 'react-immutable-proptypes';
 import ImmutablePureComponent from 'react-immutable-pure-component';
+import { makeGetAccount } from '../../selectors';
 import Avatar from '../avatar';
 import DisplayName from '../display_name';
-import { makeGetAccount } from '../../selectors';
 
 import './autosuggest_account.scss';
 

app/javascript/gabsocial/components/autosuggest_textbox/autosuggest_textbox.js

@@ -2,10 +2,10 @@ import ImmutablePropTypes from 'react-immutable-proptypes';
 import classNames from 'classnames';
 import ImmutablePureComponent from 'react-immutable-pure-component';
 import Textarea from 'react-textarea-autosize';
-import AutosuggestAccount from '../autosuggest_account';
-import AutosuggestEmoji from '../autosuggest_emoji';
 import { isRtl } from '../../utils/rtl';
 import { textAtCursorMatchesToken } from '../../utils/cursor_token_match';
+import AutosuggestAccount from '../autosuggest_account';
+import AutosuggestEmoji from '../autosuggest_emoji';
 
 import './autosuggest_textbox.scss';
 

app/javascript/gabsocial/components/column/column.js

@@ -1,5 +1,5 @@
-import ColumnHeader from '../column_header';
 import { isMobile } from '../../utils/is_mobile';
+import { ColumnHeader } from '../column_header';
 import ColumnBackButton from '../column_back_button';
 
 import './column.scss';
@@ -23,9 +23,9 @@ export default class Column extends PureComponent {
 
     const showHeading = heading && (!hideHeadingOnMobile || (hideHeadingOnMobile && !isMobile(window.innerWidth)));
     const columnHeaderId = showHeading && heading.replace(/ /g, '-');
-    // const header = showHeading && (
-    //   <ColumnHeader icon={icon} active={active} type={heading} columnHeaderId={columnHeaderId} />
-    // );
+    const header = showHeading && (
+      <ColumnHeader icon={icon} active={active} type={heading} columnHeaderId={columnHeaderId} />
+    );
 
     return (
       <div role='region' aria-labelledby={columnHeaderId} className='column'>

app/javascript/gabsocial/components/column_header/home_column_header.js

@@ -4,8 +4,8 @@ import classNames from 'classnames';
 import { injectIntl, defineMessages } from 'react-intl';
 import { Link } from 'react-router-dom';
 import { createSelector } from 'reselect';
-import Icon from '../icon';
 import { fetchLists } from '../../actions/lists';
+import Icon from '../icon';
 
 import './column_header.scss';
 

app/javascript/gabsocial/components/display_name/display_name.js

@@ -1,6 +1,6 @@
 import ImmutablePropTypes from 'react-immutable-proptypes';
 import ImmutablePureComponent from 'react-immutable-pure-component';
-import VerifiedIcon from '../verified_icon/verified_icon';
+import VerifiedIcon from '../verified_icon';
 
 import './display_name.scss';
 

app/javascript/gabsocial/components/domain/domain.js

@@ -1,5 +1,5 @@
-import IconButton from '../icon_button';
 import { defineMessages, injectIntl } from 'react-intl';
+import IconButton from '../icon_button';
 
 import './domain.scss';
 

app/javascript/gabsocial/components/dropdown_menu/dropdown_menu.js

@@ -3,8 +3,8 @@ import ImmutablePureComponent from 'react-immutable-pure-component';
 import detectPassiveEvents from 'detect-passive-events';
 import Overlay from 'react-overlays/lib/Overlay';
 import spring from 'react-motion/lib/spring';
-import IconButton from '../icon_button';
 import Motion from '../../features/ui/util/optional_motion';
+import IconButton from '../icon_button';
 
 import './dropdown_menu.scss';
 

app/javascript/gabsocial/components/footer_bar/footer_bar.js

@@ -1,7 +1,9 @@
 import { NavLink, withRouter } from 'react-router-dom';
 import { FormattedMessage, injectIntl } from 'react-intl';
-import NotificationCounter from '../../../components/notification_counter';
-import { me } from '../../../initial_state';
+import NotificationCounter from '../notification_counter';
+import { me } from '../../initial_state';
+
+import './footer_bar.scss';
 
 const links = [
   <NavLink key='pr1' className='footer-bar__link' to='/home' data-preview-title-id='column.home'>

app/javascript/gabsocial/components/footer_bar/footer_bar.scss

@@ -0,0 +1,45 @@
+.footer-bar {
+  display: block;
+  position: fixed;
+  background: #000;
+  height: 58px;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  z-index: 1000;
+  transition: transform 0.2s ease;
+  overflow: hidden;
+  padding-bottom: 0;
+  padding-bottom: env(safe-area-inset-bottom);
+
+  @media screen and (min-width: 895px) {
+    display: none !important;
+  }
+
+  &__container {
+    display: flex;
+    flex-direction: row;
+		align-items: stretch;
+  }
+
+  &__link {
+    display: flex;
+    flex: 1 1 auto;
+    margin: 0;
+    min-width: 36px;
+    height: 58px;
+    padding-top: 4px;
+    justify-content: center;
+    color: white;
+    text-decoration: none;
+    border-top: 2px solid transparent;
+
+    &.active {
+      border-top-color: $gab-brand-default;
+    }
+
+    & > span {
+      display: none;
+    }
+  }
+}

app/javascript/gabsocial/components/footer_bar/index.js

@@ -0,0 +1 @@
+export { default } from './footer_bar';

app/javascript/gabsocial/components/group_list_item/group_list_item.js

@@ -2,7 +2,7 @@ import ImmutablePropTypes from 'react-immutable-proptypes';
 import ImmutablePureComponent from 'react-immutable-pure-component';
 import { defineMessages, injectIntl } from 'react-intl';
 import { Link } from 'react-router-dom';
-import { shortNumberFormat } from '../utils/numbers';
+import { shortNumberFormat } from '../../utils/numbers';
 
 const messages = defineMessages({
   members: { id: 'groups.card.members', defaultMessage: 'Members' },

app/javascript/gabsocial/components/link_footer/link_footer.js

@@ -1,6 +1,6 @@
 import { defineMessages, injectIntl } from 'react-intl';
-import { invitesEnabled, version, repository, source_url, me } from '../../initial_state';
 import { openModal } from '../../actions/modal';
+import { invitesEnabled, version, repository, source_url, me } from '../../initial_state';
 
 import './link_footer.scss';
 

app/javascript/gabsocial/components/media_gallery/media_gallery.js

@@ -4,14 +4,13 @@ import { is } from 'immutable';
 import { defineMessages, injectIntl } from 'react-intl';
 import classNames from 'classnames';
 import { decode } from 'blurhash';
+import { autoPlayGif, displayMedia } from '../../initial_state';
 import { isIOS } from '../../utils/is_mobile';
 import { isPanoramic, isPortrait, isNonConformingRatio, minimumAspectRatio, maximumAspectRatio } from '../../utils/media_aspect_ratio';
-import { autoPlayGif, displayMedia } from '../../initial_state';
 import IconButton from '../icon_button';
 
 import './media_gallery.scss';
 
-
 const messages = defineMessages({
   toggle_visible: { id: 'media_gallery.toggle_visible', defaultMessage: 'Toggle visibility' },
   warning: { id: 'status.sensitive_warning', defaultMessage: 'Sensitive content' },

app/javascript/gabsocial/components/modal/mute_modal/mute_modal.js

@@ -1,9 +1,9 @@
 import { injectIntl, defineMessages } from 'react-intl';
-import ToggleSwitch from '../../toggle_switch';
-import Button from '../../button';
 import { closeModal } from '../../../actions/modal';
 import { muteAccount } from '../../../actions/accounts';
 import { toggleHideNotifications } from '../../../actions/mutes';
+import ToggleSwitch from '../../toggle_switch';
+import Button from '../../button';
 
 const messages = defineMessages({
   muteMessage: { id: 'confirmations.mute.message', defaultMessage: 'Are you sure you want to mute {name}?' },

app/javascript/gabsocial/components/modal/pro_upgrade_modal/pro_upgrade_modal.js

@@ -1,8 +1,8 @@
 import { defineMessages, injectIntl, FormattedMessage } from 'react-intl';
 import ImmutablePureComponent from 'react-immutable-pure-component';
-import { me } from '../../../initial_state';
-import IconButton from '../../../components/icon_button';
-import Icon from '../../../components/icon';
+import { me } from '../initial_state';
+import IconButton from './icon_button';
+import Icon from './icon';
 
 const messages = defineMessages({
   close: { id: 'lightbox.close', defaultMessage: 'Close' },

app/javascript/gabsocial/components/modal/report_modal/report_modal.js

@@ -2,11 +2,11 @@ import ImmutablePropTypes from 'react-immutable-proptypes';
 import { defineMessages, injectIntl } from 'react-intl';
 import { OrderedSet } from 'immutable';
 import ImmutablePureComponent from 'react-immutable-pure-component';
-import ToggleSwitch from '../../toggle_switch';
 import { changeReportComment, changeReportForward, submitReport } from '../../../actions/reports';
 import { expandAccountTimeline } from '../../../actions/timelines';
 import { makeGetAccount } from '../../../selectors';
 import StatusCheckBox from '../../status_check_box';
+import ToggleSwitch from '../../toggle_switch';
 import Button from '../../button';
 import IconButton from '../../icon_button';
 

app/javascript/gabsocial/components/modal/status_revision_modal/status_revision_modal.js

@@ -2,7 +2,7 @@
 import { defineMessages, injectIntl, FormattedMessage } from 'react-intl';
 import ImmutablePropTypes from 'react-immutable-proptypes';
 import ImmutablePureComponent from 'react-immutable-pure-component';
-import StatusRevisionListContainer from '../containers/status_revision_list_container';
+import StatusRevisionListContainer from '../../../containers/status_revision_list_container';
 import IconButton from '../../../components/icon_button';
 
 const messages = defineMessages({

app/javascript/gabsocial/components/modal_root/modal_root.js

@@ -12,9 +12,6 @@ import {
   ComposeModal,
   UnauthorizedModal,
 } from '../modal';
-
-import ModalLoading from '../modal_loading';
-
 import {
   MuteModal,
   ReportModal,
@@ -23,6 +20,7 @@ import {
   ListAdder,
   StatusRevisionModal,
 } from '../../features/ui/util/async-components';
+import ModalLoading from '../modal_loading';
 
 const MODAL_COMPONENTS = {
   'MEDIA': () => Promise.resolve({ default: MediaModal }),

app/javascript/gabsocial/components/poll/poll.js

@@ -7,7 +7,7 @@ import spring from 'react-motion/lib/spring';
 import Motion from '../../features/ui/util/optional_motion';
 import { vote, fetchPoll } from '../../actions/polls';
 import emojify from '../emoji/emoji';
-import RelativeTimestamp from '../relative_timestamp/relative_timestamp';
+import RelativeTimestamp from '../relative_timestamp';
 import Button from '../button';
 
 import './poll.scss';

app/javascript/gabsocial/components/progress_panel/index.js

@@ -0,0 +1 @@
+export { default } from './progress_panel';

app/javascript/gabsocial/components/progress_panel/progress_panel.js

@@ -1,4 +1,4 @@
-import { monthlyExpensesComplete } from '../../../initial_state';
+import { monthlyExpensesComplete } from '../../initial_state';
 
 export default class ProgressPanel extends React.PureComponent {
   render() {

app/javascript/gabsocial/components/scrollable_list/scrollable_list.js

@@ -1,9 +1,9 @@
 import { throttle } from 'lodash';
 import { List as ImmutableList } from 'immutable';
-import ColumnIndicator from '../column_indicator';
 import IntersectionObserverArticleContainer from '../../containers/intersection_observer_article_container';
-import LoadMore from '../load_more';
 import IntersectionObserverWrapper from '../../features/ui/util/intersection_observer_wrapper';
+import ColumnIndicator from '../column_indicator';
+import LoadMore from '../load_more';
 
 import './scrollable_list.scss';
 

app/javascript/gabsocial/components/sidebar_menu/index.js

@@ -0,0 +1 @@
+export { default } from './sidebar_menu';

app/javascript/gabsocial/components/sidebar_menu/sidebar_menu.js

@@ -3,15 +3,17 @@ import ImmutablePropTypes from 'react-immutable-proptypes';
 import ImmutablePureComponent from 'react-immutable-pure-component';
 import { injectIntl, defineMessages } from 'react-intl';
 import classNames from 'classnames';
-import Avatar from './avatar';
-import IconButton from './icon_button';
-import Icon from './icon';
-import DisplayName from './display_name';
-import { closeSidebar } from '../actions/sidebar';
-import { shortNumberFormat } from '../utils/numbers';
-import { me } from '../initial_state';
-import { makeGetAccount } from '../selectors';
-import ProgressPanel from '../features/ui/components/progress_panel';
+import Avatar from '../avatar';
+import IconButton from '../icon_button';
+import Icon from '../icon';
+import DisplayName from '../display_name';
+import { closeSidebar } from '../../actions/sidebar';
+import { shortNumberFormat } from '../../utils/numbers';
+import { me } from '../../initial_state';
+import { makeGetAccount } from '../../selectors';
+import ProgressPanel from '../progress_panel';
+
+import './sidebar_menu.scss';
 
 const messages = defineMessages({
   followers: { id: 'account.followers', defaultMessage: 'Followers' },

app/javascript/gabsocial/components/sidebar_menu/sidebar_menu.scss

@@ -0,0 +1,174 @@
+.sidebar-menu {
+  display: flex;
+  position: fixed;
+  flex-direction: column;
+  width: 275px;
+  height: 100vh;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  background: $gab-background-container;
+  transform: translateX(-275px);
+  transition: all 0.15s linear;
+  z-index: 10001;
+
+	body.theme-gabsocial-light & {
+		background: $gab-background-container-light;
+	}
+
+  &__root {
+    display: none;
+  }
+
+  &__wrapper {
+    display: block;
+    position: fixed;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    z-index: 10000;
+    background-color: transparent;
+    transition: background-color 0.2s linear;
+    transition-delay: 0.1s;
+  }
+
+  &__content {
+    display: flex;
+    flex: 1 1;
+    flex-direction: column;
+    padding-bottom: 40px;
+    overflow: hidden;
+    overflow-y: scroll;
+    -webkit-overflow-scrolling: touch;
+  }
+
+  &__section {
+    display: block;
+    margin: 4px 0;
+    border-top: 1px solid lighten($ui-base-color, 4%);
+
+    &--borderless {
+      margin: 0;
+      border-top: none;
+    }
+  }
+
+  @media (max-width: 400px) {
+    width: 90vw;
+  }
+}
+
+.sidebar-menu__root--visible {
+  display: block;
+
+  .sidebar-menu {
+    transform: translateX(0);
+  }
+
+  .sidebar-menu__wrapper {
+    background-color: rgba(0,0,0,0.3);
+  }
+}
+
+.sidebar-menu-header {
+  display: flex;
+  height: 46px;
+  padding: 12px 14px;
+  border-bottom: 1px solid lighten($ui-base-color, 4%);
+  box-sizing: border-box;
+  align-items: center;
+
+  &__title {
+    display: block;
+    font-size: 18px;
+    font-weight: 600;
+    color: $primary-text-color;
+  }
+
+  &__btn {
+    margin-left: auto;
+  }
+}
+
+.sidebar-menu-profile {
+  display: block;
+  padding: 14px 18px;
+
+  &__avatar {
+    display: block;
+    width: 56px;
+    height: 56px;
+  }
+
+  &__name {
+    display: block;
+    margin-top: 10px;
+
+    .display-name__account {
+      display: block;
+      margin-top: 2px;
+    }
+  }
+
+  &__stats {
+    display: flex;
+    margin-top: 12px;
+  }
+}
+
+.sidebar-menu-profile-stat {
+  display: flex;
+  font-size: 14px;
+  text-decoration: none;
+
+  &:not(:first-of-type) {
+    margin-left: 18px;
+  }
+
+  &__value {
+    display: flex;
+    margin-right: 3px;
+    font-weight: 700;
+    color: $primary-text-color;
+  }
+
+  &__label {
+    display: flex;
+    color: $primary-text-color;
+  }
+
+  &:hover {
+    text-decoration: underline;
+  }
+}
+
+.sidebar-menu-item {
+  display: flex;
+  padding: 16px 18px;
+  cursor: pointer;
+  text-decoration: none;
+  color: $primary-text-color;
+  font-size: 15px;
+  font-weight: 400;
+  height: 50px;
+  box-sizing: border-box;
+
+  &:hover {
+    background-color: rgba($gab-brand-default, 0.1);
+
+    .fa {
+      color: $primary-text-color;
+    }
+  }
+
+  .fa {
+    margin-right: 10px;
+  }
+
+  &:hover {
+    &__title {
+      color: $primary-text-color;
+    }
+  }
+}

app/javascript/gabsocial/components/status/status.js

@@ -5,18 +5,18 @@ import { injectIntl, FormattedMessage } from 'react-intl';
 import ImmutablePureComponent from 'react-immutable-pure-component';
 import { HotKeys } from 'react-hotkeys';
 import classNames from 'classnames';
+import { displayMedia } from '../../initial_state';
+import Card from '../../features/status/components/card';
+import { MediaGallery, Video } from '../../features/ui/util/async-components';
 import Avatar from '../avatar';
 import StatusQuote from '../status_quote';
 import AvatarOverlay from '../avatar_overlay';
 import RelativeTimestamp from '../relative_timestamp';
 import DisplayName from '../display_name';
-import Icon from '../icon';
-import Poll from '../poll';
 import StatusContent from '../status_content';
 import StatusActionBar from '../status_action_bar';
-import Card from '../../features/status/components/card';
-import { MediaGallery, Video } from '../../features/ui/util/async-components';
-import { displayMedia } from '../../initial_state';
+import Icon from '../icon';
+import Poll from '../poll';
 
 import './status.scss';
 
@@ -483,9 +483,9 @@ class Status extends ImmutablePureComponent {
 
             {media}
 
-            {status.get('quote') && <StatusQuote
+            { /* status.get('quote') && <StatusQuote
               id={status.get('quote')}
-            />}
+            /> */ }
 
             {showThread && status.get('in_reply_to_id') && status.get('in_reply_to_account_id') === status.getIn(['account', 'id']) && (
               <button className='status__content__read-more-button' onClick={this.handleClick}>

app/javascript/gabsocial/components/status_action_bar/status_action_bar.js

@@ -3,10 +3,10 @@ import ImmutablePropTypes from 'react-immutable-proptypes';
 import ImmutablePureComponent from 'react-immutable-pure-component';
 import { defineMessages, injectIntl } from 'react-intl';
 import { Link } from 'react-router-dom';
+import { openModal } from '../../actions/modal';
+import { me, isStaff } from '../../initial_state';
 import DropdownMenuContainer from '../../containers/dropdown_menu_container';
 import IconButton from '../icon_button';
-import { me, isStaff } from '../../initial_state';
-import { openModal } from '../../actions/modal';
 
 import './status_action_bar.scss';
 

app/javascript/gabsocial/components/status_check_box/status_check_box.js

@@ -2,10 +2,10 @@ import ImmutablePropTypes from 'react-immutable-proptypes';
 import ImmutablePureComponent from 'react-immutable-pure-component';
 import { Set as ImmutableSet } from 'immutable';
 import noop from 'lodash/noop';
-import StatusContent from '../status_content';
+import { toggleStatusReport } from '../../actions/reports';
 import { MediaGallery, Video } from '../../features/ui/util/async-components';
 import Bundle from '../../features/ui/util/bundle';
-import { toggleStatusReport } from '../../actions/reports';
+import StatusContent from '../status_content';
 import ToggleSwitch from '../toggle_switch';
 
 import './status_check_box.scss';

app/javascript/gabsocial/components/status_list/status_list.js

@@ -2,11 +2,10 @@ import { Fragment } from 'react';
 import { debounce } from 'lodash';
 import ImmutablePropTypes from 'react-immutable-proptypes';
 import ImmutablePureComponent from 'react-immutable-pure-component';
-import LoadMore from '../load_more';
+import StatusContainer from '../../containers/status_container';
 import ScrollableList from '../scrollable_list';
 import TimelineQueueButtonHeader from '../timeline_queue_button_header';
 import ColumnIndicator from '../column_indicator';
-import StatusContainer from '../../containers/status_container';
 
 export default class StatusList extends ImmutablePureComponent {
 

app/javascript/gabsocial/components/status_quote/status_quote.js

@@ -1,8 +1,10 @@
 import ImmutablePropTypes from 'react-immutable-proptypes';
-import StatusContent from './status_content';
-import DisplayName from './display_name';
+import StatusContent from '../status_content';
+import DisplayName from '../display_name';
 import { NavLink } from 'react-router-dom';
 
+import './status_quote.scss';
+
 const mapStateToProps = (state, { id }) => ({
   status: state.getIn(['statuses', id]),
   account: state.getIn(['accounts', state.getIn(['statuses', id, 'account'])]),

app/javascript/gabsocial/components/status_revision_list/status_revision_list.js

@@ -0,0 +1,40 @@
+
+import { injectIntl } from 'react-intl';
+import ImmutablePureComponent from 'react-immutable-pure-component';
+import ModalLoading from './modal_loading';
+import RelativeTimestamp from './relative_timestamp';
+
+export default @injectIntl
+class StatusRevisionsList extends ImmutablePureComponent {
+
+  static propTypes = {
+    loading: PropTypes.bool.isRequired,
+    error: PropTypes.object,
+    data: PropTypes.array
+  };
+
+  render() {
+    const { loading, error, data } = this.props;
+
+    if (loading || !data) return <ModalLoading />;
+
+    if (error) return (
+      <div className='status-revisions-list'>
+        <div className='status-revisions-list__error'>An error occured</div>
+      </div>
+    );
+
+    return (
+      <div className='status-revisions-list'>
+        {data.map((revision, i) => (
+          <div key={i} className='status-revisions-list__item'>
+            <div className='status-revisions-list__item__timestamp'>
+              <RelativeTimestamp timestamp={revision.created_at} />
+            </div>
+            <div className='status-revisions-list__item__text'>{revision.text}</div>
+          </div>
+        ))}
+      </div>
+    );
+  }
+}

app/javascript/gabsocial/components/tabs_bar/tabs_bar.js

@@ -2,12 +2,12 @@ import ImmutablePureComponent from 'react-immutable-pure-component';
 import ImmutablePropTypes from 'react-immutable-proptypes';
 import { NavLink, withRouter } from 'react-router-dom';
 import { FormattedMessage } from 'react-intl';
-import { me } from '../../initial_state';
-import NotificationsCounter from '../notification_counter';
-import SearchContainer from '../../features/compose/containers/search_container';
-import Avatar from '../avatar';
-import ActionBar from '../../features/compose/components/action_bar';
 import { openModal } from '../../actions/modal';
+import { me } from '../../initial_state';
+import SearchContainer from '../../features/compose/containers/search_container';
+import ActionBar from '../../features/compose/components/action_bar';
+import Avatar from '../avatar';
+import NotificationsCounter from '../notification_counter';
 import GabLogo from './assets/gab_logo/gab_logo';
 import {
   GroupIcon,

app/javascript/gabsocial/components/timeline_compose_block/timeline_compose_block.js

@@ -1,8 +1,8 @@
 import ImmutablePureComponent from 'react-immutable-pure-component';
 import ImmutablePropTypes from 'react-immutable-proptypes';
-import Avatar from '../avatar';
-import ComposeFormContainer from '../../features/compose/containers/compose_form_container';
 import { me } from '../../initial_state';
+import ComposeFormContainer from '../../features/compose/containers/compose_form_container';
+import Avatar from '../avatar';
 
 import './timeline_compose_block.scss';
 

app/javascript/gabsocial/components/trending_item/trending_item.js

@@ -2,8 +2,8 @@ import { Sparklines, SparklinesCurve } from 'react-sparklines';
 import { FormattedMessage } from 'react-intl';
 import ImmutablePropTypes from 'react-immutable-proptypes';
 import ImmutablePureComponent from 'react-immutable-pure-component';
-import Permalink from '../permalink/permalink';
 import { shortNumberFormat } from '../../utils/numbers';
+import Permalink from '../permalink';
 
 import './trending_item.scss';
 

app/javascript/gabsocial/components/upload_area/upload_area.js

@@ -1,6 +1,6 @@
-import Motion from '../../features/ui/util/optional_motion';
-import spring from 'react-motion/lib/spring';
 import { FormattedMessage } from 'react-intl';
+import spring from 'react-motion/lib/spring';
+import Motion from '../../features/ui/util/optional_motion';
 
 import './upload_area.scss';
 

app/javascript/gabsocial/components/user_panel/user_panel.js

@@ -4,8 +4,8 @@ import ImmutablePropTypes from 'react-immutable-proptypes';
 import ImmutablePureComponent from 'react-immutable-pure-component';
 import { autoPlayGif, me } from '../../initial_state';
 import { makeGetAccount } from '../../selectors';
-import Avatar from '../avatar';
 import { shortNumberFormat } from '../../utils/numbers';
+import Avatar from '../avatar';
 
 import './user_panel.scss';
 

app/javascript/gabsocial/containers/account_container.js

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

app/javascript/gabsocial/containers/compose_container.js

@@ -1,11 +1,11 @@
 import { Provider } from 'react-redux';
 import { IntlProvider, addLocaleData } from 'react-intl';
+import { getLocale } from '../locales';
 import configureStore from '../store/configureStore';
 import { hydrateStore } from '../actions/store';
-import { getLocale } from '../locales';
-import Compose from '../features/standalone/compose';
-import initialState from '../initial_state';
 import { fetchCustomEmojis } from '../actions/custom_emojis';
+import initialState from '../initial_state';
+import Compose from '../features/standalone/compose';
 
 const { localeData, messages } = getLocale();
 addLocaleData(localeData);

app/javascript/gabsocial/containers/domain_container.js

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

app/javascript/gabsocial/containers/dropdown_menu_container.js

@@ -1,7 +1,7 @@
 import { openDropdownMenu, closeDropdownMenu } from '../actions/dropdown_menu';
 import { openModal, closeModal } from '../actions/modal';
-import DropdownMenu from '../components/dropdown_menu';
 import { isUserTouching } from '../utils/is_mobile';
+import DropdownMenu from '../components/dropdown_menu';
 
 const mapStateToProps = state => ({
   isModalOpen: state.get('modal').modalType === 'ACTIONS',

app/javascript/gabsocial/containers/gabsocial.js

@@ -5,18 +5,18 @@ import configureStore from '../store/configureStore';
 import { INTRODUCTION_VERSION } from '../actions/onboarding';
 import { BrowserRouter, Route } from 'react-router-dom';
 import { ScrollContext } from 'react-router-scroll-4';
-import UI from '../features/ui';
-import Introduction from '../features/introduction';
+import { IntlProvider, addLocaleData } from 'react-intl';
 import { fetchCustomEmojis } from '../actions/custom_emojis';
 import { hydrateStore } from '../actions/store';
 import {
   connectUserStream,
   connectStatusUpdateStream,
 } from '../actions/streaming';
-import { IntlProvider, addLocaleData } from 'react-intl';
 import { getLocale } from '../locales';
 import initialState from '../initial_state';
 import { me } from '../initial_state';
+import UI from '../features/ui';
+// import Introduction from '../features/introduction';
 import ErrorBoundary from '../components/error_boundary';
 
 const { localeData, messages } = getLocale();

app/javascript/gabsocial/containers/intersection_observer_article_container.js

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

app/javascript/gabsocial/containers/status_container.js

@@ -1,5 +1,4 @@
-import Status from '../components/status';
-import { makeGetStatus } from '../selectors';
+import { defineMessages, injectIntl, FormattedMessage } from 'react-intl';
 import {
   replyCompose,
   mentionCompose,
@@ -26,13 +25,14 @@ import {
 import { initMuteModal } from '../actions/mutes';
 import { initReport } from '../actions/reports';
 import { openModal } from '../actions/modal';
-import { defineMessages, injectIntl, FormattedMessage } from 'react-intl';
 import { boostModal, deleteModal } from '../initial_state';
 import { showAlertForError } from '../actions/alerts';
 import { 
   createRemovedAccount,
   groupRemoveStatus
 } from '../actions/groups';
+import { makeGetStatus } from '../selectors';
+import Status from '../components/status';
 
 const messages = defineMessages({
   deleteConfirm: { id: 'confirmations.delete.confirm', defaultMessage: 'Delete' },

app/javascript/gabsocial/containers/status_list_container.js

@@ -1,10 +1,10 @@
 import { Map as ImmutableMap, List as ImmutableList } from 'immutable';
 import { createSelector } from 'reselect';
 import { debounce, sample } from 'lodash';
-import { me, promotions } from '../initial_state';
 import { dequeueTimeline } from '../actions/timelines';
 import { scrollTopTimeline } from '../actions/timelines';
 import { fetchStatus } from '../actions/statuses';
+import { me, promotions } from '../initial_state';
 import StatusList from '../components/status_list';
 
 const makeGetStatusIds = () => createSelector([

app/javascript/gabsocial/containers/timeline_container.js

@@ -2,13 +2,13 @@ import { Fragment } from 'react';
 import ReactDOM from 'react-dom';
 import { Provider } from 'react-redux';
 import { IntlProvider, addLocaleData } from 'react-intl';
+import { getLocale } from '../locales';
 import configureStore from '../store/configureStore';
 import { hydrateStore } from '../actions/store';
-import { getLocale } from '../locales';
+import initialState from '../initial_state';
 import PublicTimeline from '../features/standalone/public_timeline';
 import HashtagTimeline from '../features/standalone/hashtag_timeline';
 import ModalContainer from './modal_container';
-import initialState from '../initial_state';
 
 const { localeData, messages } = getLocale();
 addLocaleData(localeData);

app/javascript/gabsocial/features/account_gallery/account_gallery.js

@@ -5,14 +5,14 @@ import {
   fetchAccount,
   fetchAccountByUsername,
 } from '../../actions/accounts';
+import { openModal } from '../../actions/modal';
 import { expandAccountMediaTimeline } from '../../actions/timelines';
+import { me } from '../../initial_state';
+import { getAccountGallery } from '../../selectors';
 import ColumnIndicator from '../../components/column_indicator';
 import Column from '../../components/column';
-import { getAccountGallery } from '../../selectors';
 import MediaItem from './components/media_item';
 import LoadMore from '../../components/load_more';
-import { openModal } from '../../actions/modal';
-import { me } from '../../initial_state';
 import SectionHeadlineBar from '../../components/section_headline_bar';
 
 import './account_gallery.scss';

app/javascript/gabsocial/features/account_timeline/account_timeline.js

@@ -4,11 +4,11 @@ import { List as ImmutableList } from 'immutable';
 import { injectIntl, defineMessages, FormattedMessage } from 'react-intl';
 import { fetchAccount, fetchAccountByUsername } from '../../actions/accounts';
 import { expandAccountFeaturedTimeline, expandAccountTimeline } from '../../actions/timelines';
+import { fetchAccountIdentityProofs } from '../../actions/identity_proofs';
+import { me } from '../../initial_state';
 import StatusList from '../../components/status_list/status_list';
 import ColumnIndicator from '../../components/column_indicator/column_indicator';
 import Column from '../../components/column';
-import { fetchAccountIdentityProofs } from '../../actions/identity_proofs';
-import { me } from '../../initial_state';
 import SectionHeadlineBar from '../../components/section_headline_bar' ;
 
 const messages = defineMessages({

app/javascript/gabsocial/features/compose/components/search_results/search_results.js

@@ -39,7 +39,6 @@ export default class SearchResults extends ImmutablePureComponent {
     let accounts, statuses, hashtags, groups;
     let count = 0;
 
-
     if (results.get('accounts') && results.get('accounts').size > 0 && (isTop || showPeople)) {
       const size = isTop ? Math.min(results.get('accounts').size, 5) : results.get('accounts').size;
       count += size;
@@ -51,7 +50,6 @@ export default class SearchResults extends ImmutablePureComponent {
       );
     }
 
-
     if (results.get('groups') && results.get('groups').size > 0 && (isTop || showGroups)) {
       const size = isTop ? Math.min(results.get('groups').size, 5) : results.get('groups').size;
       count += size;

app/javascript/gabsocial/features/compose/compose.js

@@ -2,15 +2,18 @@ import ImmutablePropTypes from 'react-immutable-proptypes';
 import ImmutablePureComponent from 'react-immutable-pure-component';
 import { injectIntl, defineMessages } from 'react-intl';
 import spring from 'react-motion/lib/spring';
+import {
+  changeComposing,
+  mountCompose,
+  unmountCompose,
+} from '../../actions/compose';
+import { mascot } from '../../initial_state';
 import Motion from '../ui/util/optional_motion';
 import ComposeFormContainer from './containers/compose_form_container';
-import NavigationBar from './components/navigation_bar';
-import { mountCompose, unmountCompose } from '../../actions/compose';
 import SearchContainer from './containers/search_container';
 import SearchResultsContainer from './containers/search_results_container';
-import { changeComposing } from '../../actions/compose';
+import NavigationBar from './components/navigation_bar';
 import elephantUIPlane from '../../../images/logo_ui_column_footer.png';
-import { mascot } from '../../initial_state';
 
 import './compose.scss';
 

app/javascript/gabsocial/features/domain_blocks/domain_blocks.js

@@ -2,10 +2,10 @@ import { defineMessages, injectIntl, FormattedMessage } from 'react-intl';
 import ImmutablePureComponent from 'react-immutable-pure-component';
 import ImmutablePropTypes from 'react-immutable-proptypes';
 import { debounce } from 'lodash';
+import { fetchDomainBlocks, expandDomainBlocks } from '../../actions/domain_blocks';
+import DomainContainer from '../../containers/domain_container';
 import ColumnIndicator from '../../components/column_indicator';
 import Column from '../../components/column';
-import DomainContainer from '../../containers/domain_container';
-import { fetchDomainBlocks, expandDomainBlocks } from '../../actions/domain_blocks';
 import ScrollableList from '../../components/scrollable_list';
 
 const messages = defineMessages({

app/javascript/gabsocial/features/favourited_statuses/favourited_statuses.js

@@ -3,9 +3,9 @@ import { FormattedMessage } from 'react-intl';
 import ImmutablePureComponent from 'react-immutable-pure-component';
 import { debounce } from 'lodash';
 import { fetchFavouritedStatuses, expandFavouritedStatuses } from '../../actions/favourites';
+import { meUsername } from '../../initial_state';
 import Column from '../../components/column';
 import StatusList from '../../components/status_list';
-import { meUsername } from '../../initial_state';
 import ColumnIndicator from '../../components/column_indicator';
 
 const mapStateToProps = (state, { params: { username } }) => {

app/javascript/gabsocial/features/follow_requests/components/account_authorize/account_authorize.js

@@ -1,12 +1,12 @@
 import { defineMessages, injectIntl } from 'react-intl';
 import ImmutablePureComponent from 'react-immutable-pure-component';
 import ImmutablePropTypes from 'react-immutable-proptypes';
+import { authorizeFollowRequest, rejectFollowRequest } from '../../../../actions/accounts';
+import { makeGetAccount } from '../../../../selectors';
 import Permalink from '../../../../components/permalink';
 import Avatar from '../../../../components/avatar';
 import DisplayName from '../../../../components/display_name';
 import IconButton from '../../../../components/icon_button';
-import { makeGetAccount } from '../../../../selectors';
-import { authorizeFollowRequest, rejectFollowRequest } from '../../../../actions/accounts';
 
 import './account_authorize.scss';
 

app/javascript/gabsocial/features/follow_requests/follow_requests.js

@@ -2,10 +2,10 @@ import { defineMessages, injectIntl, FormattedMessage } from 'react-intl';
 import ImmutablePureComponent from 'react-immutable-pure-component';
 import ImmutablePropTypes from 'react-immutable-proptypes';
 import { debounce } from 'lodash';
+import { fetchFollowRequests, expandFollowRequests } from '../../actions/accounts';
 import ColumnIndicator from '../../components/column_indicator';
 import Column from '../../components/column';
 import AccountAuthorize from './components/account_authorize';
-import { fetchFollowRequests, expandFollowRequests } from '../../actions/accounts';
 import ScrollableList from '../../components/scrollable_list';
 
 const messages = defineMessages({

app/javascript/gabsocial/features/followers/followers.js

@@ -9,10 +9,10 @@ import {
   expandFollowers,
   fetchAccountByUsername,
 } from '../../actions/accounts';
+import { me } from '../../initial_state';
 import AccountContainer from '../../containers/account_container';
 import Column from '../../components/column';
 import ScrollableList from '../../components/scrollable_list';
-import { me } from '../../initial_state';
 
 const mapStateToProps = (state, { params: { username } }) => {
   const accounts = state.getIn(['accounts']);

app/javascript/gabsocial/features/following/following.js

@@ -2,13 +2,13 @@ import ImmutablePureComponent from 'react-immutable-pure-component';
 import ImmutablePropTypes from 'react-immutable-proptypes';
 import { debounce } from 'lodash';
 import { FormattedMessage } from 'react-intl';
-import { me } from '../../initial_state';
 import {
   fetchAccount,
   fetchFollowing,
   expandFollowing,
   fetchAccountByUsername,
 } from '../../actions/accounts';
+import { me } from '../../initial_state';
 import AccountContainer from '../../containers/account_container';
 import ColumnIndicator from '../../components/column_indicator';
 import Column from '../../components/column';

app/javascript/gabsocial/features/hashtag_timeline/hashtag_timeline.js

@@ -1,11 +1,10 @@
+import { FormattedMessage } from 'react-intl';
+import { isEqual } from 'lodash';
+import { expandHashtagTimeline, clearTimeline } from '../../actions/timelines';
+import { connectHashtagStream } from '../../actions/streaming';
 import StatusListContainer from '../../containers/status_list_container';
 import Column from '../../components/column';
 import { ColumnHeader } from '../../components/column_header';
-import { expandHashtagTimeline, clearTimeline } from '../../actions/timelines';
-import { FormattedMessage } from 'react-intl';
-import { connectHashtagStream } from '../../actions/streaming';
-import { isEqual } from 'lodash';
-import ColumnBackButton from '../../components/column_back_button';
 
 const mapStateToProps = (state, props) => ({
   hasUnread: state.getIn(['timelines', `hashtag:${props.params.id}`, 'unread']) > 0,
@@ -43,12 +42,12 @@ class HashtagTimeline extends PureComponent {
   additionalFor = (mode) => {
     const { tags } = this.props.params;
 
-    if (tags && (tags[mode] || []).length > 0) {
+    try {
       return tags[mode].map(tag => tag.value).join('/');
-    }
-
+    } catch (error) {
       return '';
     }
+  }
 
   _subscribe (dispatch, id, tags = {}) {
     let any = (tags.any || []).map(tag => tag.value);

app/javascript/gabsocial/features/home_timeline/index.js

@@ -1,9 +1,9 @@
 import { defineMessages, injectIntl, FormattedMessage } from 'react-intl';
 import { expandHomeTimeline } from '../../actions/timelines';
 import StatusListContainer from '../../containers/status_list_container';
-import Column from '../../components/column';
 import ColumnSettings from './components/column_settings';
-import HomeColumnHeader from '../../components/column_header';
+import Column from '../../components/column';
+import { HomeColumnHeader } from '../../components/column_header';
 
 const messages = defineMessages({
   title: { id: 'column.home', defaultMessage: 'Home' },
@@ -67,9 +67,9 @@ class HomeTimeline extends PureComponent {
 
     return (
       <Column heading={intl.formatMessage(messages.title)}>
-        { /* <HomeColumnHeader activeItem='home' active={hasUnread}>
+        <HomeColumnHeader activeItem='home' active={hasUnread}>
           <ColumnSettings />
-        </HomeColumnHeader> */}
+        </HomeColumnHeader>
         <StatusListContainer
           scrollKey='home_timeline'
           onLoadMore={this.handleLoadMore}

app/javascript/gabsocial/features/introduction/introduction.js

@@ -12,11 +12,7 @@ class FrameWelcome extends Component {
   };
 
   shouldComponentUpdate(nextProps) {
-    if (nextProps.domain !== this.props.domain) {
-      return true;
-    }
-
-    return false;
+    return nextProps.domain !== this.props.domain;
   }
 
   render() {

app/javascript/gabsocial/features/list_adder/components/list/list.js

@@ -1,8 +1,8 @@
 import { defineMessages, injectIntl } from 'react-intl';
 import ImmutablePureComponent from 'react-immutable-pure-component';
 import ImmutablePropTypes from 'react-immutable-proptypes';
-import IconButton from '../../../../components/icon_button';
 import { removeFromListAdder, addToListAdder } from '../../../../actions/lists';
+import IconButton from '../../../../components/icon_button';
 import Icon from '../../../../components/icon';
 
 import './list.scss';

app/javascript/gabsocial/features/list_adder/list_adder.js

@@ -56,8 +56,7 @@ class ListAdder extends ImmutablePureComponent {
   }
 
   componentWillUnmount() {
-    const { onReset } = this.props;
-    onReset();
+    this.props.onReset();
   }
 
   onClickClose = () => {

app/javascript/gabsocial/features/list_editor/components/account.js

@@ -1,11 +1,12 @@
-import { makeGetAccount } from '../../../selectors';
+
+import { defineMessages, injectIntl } from 'react-intl';
 import ImmutablePureComponent from 'react-immutable-pure-component';
 import ImmutablePropTypes from 'react-immutable-proptypes';
+import { removeFromListEditor, addToListEditor } from '../../../actions/lists';
+import { makeGetAccount } from '../../../selectors';
 import Avatar from '../../../components/avatar';
 import DisplayName from '../../../components/display_name';
 import IconButton from '../../../components/icon_button';
-import { defineMessages, injectIntl } from 'react-intl';
-import { removeFromListEditor, addToListEditor } from '../../../actions/lists';
 
 const messages = defineMessages({
   remove: { id: 'lists.account.remove', defaultMessage: 'Remove from list' },

app/javascript/gabsocial/features/list_editor/list_editor.js

@@ -1,7 +1,7 @@
 import ImmutablePropTypes from 'react-immutable-proptypes';
 import ImmutablePureComponent from 'react-immutable-pure-component';
 import { injectIntl, defineMessages } from 'react-intl';
-import { setupListEditor, clearListSuggestions, resetListEditor } from '../../actions/lists';
+import { setupListEditor, resetListEditor } from '../../actions/lists';
 import Account from './components/account';
 import ListEditorSearch from './components/list_editor_search';
 import EditListForm from './components/edit_list_form/edit_list_form';
@@ -48,8 +48,7 @@ class ListEditor extends ImmutablePureComponent {
   }
 
   componentWillUnmount() {
-    const { onReset } = this.props;
-    onReset();
+    this.props.onReset();
   }
 
   onClickClose = () => {

app/javascript/gabsocial/features/list_timeline/list_timeline.js

@@ -1,15 +1,13 @@
 import ImmutablePropTypes from 'react-immutable-proptypes';
 import ImmutablePureComponent from 'react-immutable-pure-component';
-import { Link } from 'react-router-dom';
 import { FormattedMessage, defineMessages, injectIntl } from 'react-intl';
-import StatusListContainer from '../../containers/status_list_container';
-import Column from '../../components/column';
 import { connectListStream } from '../../actions/streaming';
 import { expandListTimeline } from '../../actions/timelines';
 import { fetchList, deleteList } from '../../actions/lists';
 import { openModal } from '../../actions/modal';
+import StatusListContainer from '../../containers/status_list_container';
+import Column from '../../components/column';
 import ColumnIndicator from '../../components/column_indicator';
-import Icon from '../../components/icon';
 import { HomeColumnHeader } from '../../components/column_header';
 import Button from '../../components/button';
 import ColumnHeaderSettingButton from '../../components/column_header_setting_button';

app/javascript/gabsocial/features/lists/lists.js

@@ -2,9 +2,9 @@ import ImmutablePropTypes from 'react-immutable-proptypes';
 import { createSelector } from 'reselect';
 import { defineMessages, injectIntl, FormattedMessage } from 'react-intl';
 import ImmutablePureComponent from 'react-immutable-pure-component';
+import { fetchLists } from '../../actions/lists';
 import ColumnIndicator from '../../components/column_indicator';
 import Column from '../../components/column';
-import { fetchLists } from '../../actions/lists';
 import ColumnLink from '../../components/column_link';
 import ColumnSubheading from '../../components/column_subheading';
 import NewListForm from './components/new_list_form';

app/javascript/gabsocial/features/mutes/mutes.js

@@ -2,10 +2,10 @@ import { defineMessages, injectIntl, FormattedMessage } from 'react-intl';
 import ImmutablePureComponent from 'react-immutable-pure-component';
 import ImmutablePropTypes from 'react-immutable-proptypes';
 import { debounce } from 'lodash';
+import { fetchMutes, expandMutes } from '../../actions/mutes';
+import AccountContainer from '../../containers/account_container';
 import ColumnIndicator from '../../components/column_indicator';
 import Column from '../../components/column';
-import AccountContainer from '../../containers/account_container';
-import { fetchMutes, expandMutes } from '../../actions/mutes';
 import ScrollableList from '../../components/scrollable_list';
 
 const messages = defineMessages({

app/javascript/gabsocial/features/notifications/containers/filter_bar_container.js

@@ -1,5 +1,5 @@
-import FilterBar from '../components/notification_filter_bar/notification_filter_bar';
 import { setFilter } from '../../../actions/notifications';
+import FilterBar from '../components/notification_filter_bar';
 
 const makeMapStateToProps = state => ({
   selectedFilter: state.getIn(['settings', 'notifications', 'quickFilter', 'active']),

app/javascript/gabsocial/features/notifications/containers/notification_container.js

@@ -1,5 +1,3 @@
-import { makeGetNotification, makeGetStatus } from '../../../selectors';
-import Notification from '../components/notification/notification';
 import { openModal } from '../../../actions/modal';
 import { mentionCompose } from '../../../actions/compose';
 import {
@@ -13,6 +11,8 @@ import {
   revealStatus,
 } from '../../../actions/statuses';
 import { boostModal } from '../../../initial_state';
+import { makeGetNotification, makeGetStatus } from '../../../selectors';
+import Notification from '../components/notification/notification';
 
 const makeMapStateToProps = () => {
   const getNotification = makeGetNotification();

app/javascript/gabsocial/features/notifications/notifications.js

@@ -4,8 +4,6 @@ import { defineMessages, injectIntl, FormattedMessage } from 'react-intl';
 import { createSelector } from 'reselect';
 import { List as ImmutableList } from 'immutable';
 import { debounce } from 'lodash';
-import Column from '../../components/column';
-import { ColumnHeader } from '../../components/column_header';
 import {
   expandNotifications,
   scrollTopNotifications,
@@ -17,6 +15,8 @@ import FilterBarContainer from './containers/filter_bar_container';
 import ScrollableList from '../../components/scrollable_list';
 import LoadMore from '../../components/load_more';
 import TimelineQueueButtonHeader from  '../../components/timeline_queue_button_header';
+import Column from '../../components/column';
+import { ColumnHeader } from '../../components/column_header';
 
 const messages = defineMessages({
   title: { id: 'column.notifications', defaultMessage: 'Notifications' },

app/javascript/gabsocial/features/pinned_statuses/pinned_statuses.js

@@ -2,9 +2,9 @@ import ImmutablePropTypes from 'react-immutable-proptypes';
 import ImmutablePureComponent from 'react-immutable-pure-component';
 import { FormattedMessage } from 'react-intl';
 import { fetchPinnedStatuses } from '../../actions/pin_statuses';
+import { meUsername } from '../../initial_state';
 import Column from '../../components/column';
 import StatusList from '../../components/status_list/status_list';
-import { meUsername } from '../../initial_state';
 import ColumnIndicator from '../../components/column_indicator/column_indicator';
 
 const mapStateToProps = (state, { params: { username } }) => {

app/javascript/gabsocial/features/reblogs/reblogs.js

@@ -1,13 +1,13 @@
 import ImmutablePureComponent from 'react-immutable-pure-component';
 import ImmutablePropTypes from 'react-immutable-proptypes';
 import { FormattedMessage } from 'react-intl';
-import ColumnIndicator from '../../components/column_indicator';
 import { fetchReblogs } from '../../actions/interactions';
 import { fetchStatus } from '../../actions/statuses';
+import { makeGetStatus } from '../../selectors';
 import AccountContainer from '../../containers/account_container';
+import ColumnIndicator from '../../components/column_indicator';
 import Column from '../../components/column';
 import ScrollableList from '../../components/scrollable_list';
-import { makeGetStatus } from '../../selectors';
 
 const mapStateToProps = (state, props) => {
   const getStatus = makeGetStatus();

app/javascript/gabsocial/features/search/search.js

@@ -1,8 +1,6 @@
 import SearchContainer from '../compose/containers/search_container';
 import SearchResultsContainer from '../compose/containers/search_results_container';
 
-
-// : TODO : test
 export default class Search extends PureComponent {
 
   render() {

app/javascript/gabsocial/features/status/components/detailed_status/detailed_status.js

@@ -3,16 +3,16 @@ import { FormattedDate, FormattedNumber } from 'react-intl';
 import ImmutablePropTypes from 'react-immutable-proptypes';
 import ImmutablePureComponent from 'react-immutable-pure-component';
 import classNames from 'classnames';
+import scheduleIdleTask from '../../../../utils/schedule_idle_task';
 import StatusQuote from '../../../../components/status_quote';
 import Avatar from '../../../../components/avatar';
 import DisplayName from '../../../../components/display_name';
 import StatusContent from '../../../../components/status_content';
 import MediaGallery from '../../../../components/media_gallery';
-import Card from '../card';
-import Video from '../../../video';
-import scheduleIdleTask from '../../../../utils/schedule_idle_task';
 import Icon from '../../../../components/icon';
 import Poll from '../../../../components/poll';
+import Card from '../card';
+import Video from '../../../video';
 
 import './detailed_status.scss';
 

app/javascript/gabsocial/features/status/components/detailed_status_action_bar/detailed_status_action_bar.js

@@ -1,10 +1,10 @@
 import ImmutablePropTypes from 'react-immutable-proptypes';
 import ImmutablePureComponent from 'react-immutable-pure-component';
 import { defineMessages, injectIntl } from 'react-intl';
-import DropdownMenuContainer from '../../../../containers/dropdown_menu_container';
 import { openModal } from '../../../../actions/modal';
-import IconButton from '../../../../components/icon_button';
 import { me, isStaff } from '../../../../initial_state';
+import DropdownMenuContainer from '../../../../containers/dropdown_menu_container';
+import IconButton from '../../../../components/icon_button';
 
 import './detailed_status_action_bar.scss';
 

app/javascript/gabsocial/features/status/containers/detailed_status_container.js

@@ -1,5 +1,4 @@
-import DetailedStatus from '../components/detailed_status';
-import { makeGetStatus } from '../../../selectors';
+import { defineMessages, injectIntl, FormattedMessage } from 'react-intl';
 import {
   replyCompose,
   mentionCompose,
@@ -24,9 +23,10 @@ import {
 import { initMuteModal } from '../../../actions/mutes';
 import { initReport } from '../../../actions/reports';
 import { openModal } from '../../../actions/modal';
-import { defineMessages, injectIntl, FormattedMessage } from 'react-intl';
-import { boostModal, deleteModal } from '../../../initial_state';
 import { showAlertForError } from '../../../actions/alerts';
+import { boostModal, deleteModal } from '../../../initial_state';
+import { makeGetStatus } from '../../../selectors';
+import DetailedStatus from '../components/detailed_status';
 
 const messages = defineMessages({
   deleteConfirm: { id: 'confirmations.delete.confirm', defaultMessage: 'Delete' },

app/javascript/gabsocial/features/status/status.js

@@ -5,9 +5,6 @@ import { defineMessages, injectIntl, FormattedMessage } from 'react-intl';
 import ImmutablePureComponent from 'react-immutable-pure-component';
 import { HotKeys } from 'react-hotkeys';
 import { fetchStatus } from '../../actions/statuses';
-import DetailedStatus from './components/detailed_status';
-import ActionBar from './components/detailed_status_action_bar';
-import Column from '../../components/column';
 import {
   favourite,
   unfavourite,
@@ -31,15 +28,18 @@ import {
 } from '../../actions/statuses';
 import { initMuteModal } from '../../actions/mutes';
 import { initReport } from '../../actions/reports';
-import { makeGetStatus } from '../../selectors';
-import { ColumnHeader } from '../../components/column_header';
-import StatusContainer from '../../containers/status_container';
 import { openModal } from '../../actions/modal';
 import { boostModal, deleteModal, me } from '../../initial_state';
+import { makeGetStatus } from '../../selectors';
 import { attachFullscreenListener, detachFullscreenListener, isFullscreen } from '../../utils/fullscreen';
+import StatusContainer from '../../containers/status_container';
+import { ColumnHeader } from '../../components/column_header';
 import { textForScreenReader, defaultMediaVisibility } from '../../components/status/status';
 import Icon from '../../components/icon';
 import ColumnIndicator from '../../components/column_indicator';
+import DetailedStatus from './components/detailed_status';
+import ActionBar from './components/detailed_status_action_bar';
+import Column from '../../components/column';
 
 const messages = defineMessages({
   deleteConfirm: { id: 'confirmations.delete.confirm', defaultMessage: 'Delete' },
@@ -417,7 +417,6 @@ class Status extends ImmutablePureComponent {
   render () {
     let ancestors, descendants;
     const { status, ancestorsIds, descendantsIds, intl, domain } = this.props;
-    const { fullscreen } = this.state;
 
     if (status === null) {
       return (<ColumnIndicator type='loading' />);

app/javascript/gabsocial/features/ui/components/status_revision_list.js

@@ -1,43 +0,0 @@
-
-import { injectIntl } from 'react-intl';
-import ImmutablePureComponent from 'react-immutable-pure-component';
-import ModalLoading from '../../../components/modal_loading';
-import RelativeTimestamp from '../../../components/relative_timestamp';
-
-export default @injectIntl
-class StatusRevisionsList extends ImmutablePureComponent {
-
-    static propTypes = {
-        loading: PropTypes.bool.isRequired,
-        error: PropTypes.object,
-        data: PropTypes.array
-    };
-
-    render () {
-        const { loading, error, data } = this.props;
-
-        if (loading || !data) return <ModalLoading />;
-
-        if (error) return (
-            <div className='status-revisions-list'>
-                <div className='status-revisions-list__error'>
-                    An error occured
-                </div>
-            </div>
-        );
-
-        return (
-            <div className='status-revisions-list'>
-                {data.map((revision, i) => (
-                    <div key={i} className='status-revisions-list__item'>
-                        <div className='status-revisions-list__item__timestamp'>
-                            <RelativeTimestamp timestamp={revision.created_at} />
-                        </div>
-
-                        <div className='status-revisions-list__item__text'>{revision.text}</div>
-                    </div>
-                ))}
-            </div>
-        );
-    }
-}

app/javascript/gabsocial/features/ui/ui.js

@@ -21,7 +21,7 @@ import LoadingBarContainer from '../../containers/loading_bar_container';
 import ModalContainer from '../../containers/modal_container';
 import UploadArea from '../../components/upload_area';
 import TabsBar from '../../components/tabs_bar';
-import FooterBar from './components/footer_bar';
+import FooterBar from '../../components/footer_bar';
 // import TrendsPanel from './components/trends_panel';
 import { WhoToFollowPanel } from '../../components/panel';
 import LinkFooter from '../../components/link_footer';
@@ -178,8 +178,7 @@ class SwitchingColumnsArea extends React.PureComponent {
   }
 
   render() {
-    const { children, account } = this.props;
-    const { mobile } = this.state;
+    const { children } = this.props;
 
     return (
       <Switch>

app/javascript/gabsocial/features/ui/util/async-components.js

@@ -111,7 +111,7 @@ export function MuteModal () {
 }
 
 export function StatusRevisionModal () {
-  return import(/* webpackChunkName: "modals/mute_modal" */'../components/status_revision_modal');
+  return import(/* webpackChunkName: "modals/mute_modal" */'../../../components/modal');
 }
 
 export function ReportModal () {

app/javascript/gabsocial/pages/group_page.js

@@ -1,14 +1,14 @@
 import { Fragment } from 'react';
 import ImmutablePropTypes from 'react-immutable-proptypes';
 import ImmutablePureComponent from 'react-immutable-pure-component';
+import { fetchGroup } from '../actions/groups';
+import HeaderContainer from '../features/groups/timeline/containers/header_container';
+import GroupPanel from '../features/groups/timeline/components/panel';
+import GroupSidebarPanel from '../features/groups/sidebar_panel';
+import ColumnsArea from '../components/columns_area';
 import { WhoToFollowPanel } from '../components/panel';
 import LinkFooter from '../components/link_footer';
 import PromoPanel from '../components/promo_panel';
-import HeaderContainer from '../features/groups/timeline/containers/header_container';
-import GroupPanel from '../features/groups/timeline/components/panel';
-import { fetchGroup } from '../actions/groups';
-import GroupSidebarPanel from '../features/groups/sidebar_panel';
-import ColumnsArea from '../components/columns_area';
 
 const mapStateToProps = (state, { params: { id } }) => ({
 	group: state.getIn(['groups', id]),

app/javascript/gabsocial/pages/home_page.js

@@ -1,9 +1,8 @@
 import { Fragment } from 'react';
-import WhoToFollowPanel from '../components/panel';
+import GroupSidebarPanel from '../features/groups/sidebar_panel';
 import LinkFooter from '../components/link_footer';
 import PromoPanel from '../components/promo_panel';
 import UserPanel from '../components/user_panel';
-import GroupSidebarPanel from '../features/groups/sidebar_panel';
 import ColumnsArea from '../components/columns_area';
 import TimelineComposeBlock from '../components/timeline_compose_block';
 
@@ -18,7 +17,6 @@ export default class HomePage extends PureComponent {
           RIGHT: (
             <Fragment>
               <GroupSidebarPanel />
-              { /* <WhoToFollowPanel /> */ }
             </Fragment>
           ),
           LEFT: (

app/javascript/gabsocial/pages/profile_page.js

@@ -2,9 +2,9 @@ import { Fragment } from 'react';
 import ImmutablePropTypes from 'react-immutable-proptypes';
 import ImmutablePureComponent from 'react-immutable-pure-component';
 import HeaderContainer from '../features/account_timeline/containers/header_container';
+import ProfileInfoPanel from '../features/account_timeline/components/profile_info_panel/profile_info_panel';
 import { WhoToFollowPanel, SignUpPanel } from '../components/panel';
 import LinkFooter from '../components/link_footer';
-import ProfileInfoPanel from '../features/account_timeline/components/profile_info_panel/profile_info_panel';
 import ColumnsArea from '../components/columns_area';
 
 const mapStateToProps = (state, { params: { username }, withReplies = false }) => {

app/javascript/gabsocial/service_worker/entry.js

@@ -18,13 +18,13 @@ function fetchRoot() {
 
 // Cause a new version of a registered Service Worker to replace an existing one
 // that is already installed, and replace the currently active worker on open pages.
-self.addEventListener('install', function(event) {
+self.addEventListener('install', function (event) {
   event.waitUntil(Promise.all([openWebCache(), fetchRoot()]).then(([cache, root]) => cache.put('/', root)));
 });
-self.addEventListener('activate', function(event) {
+self.addEventListener('activate', function (event) {
   event.waitUntil(self.clients.claim());
 });
-self.addEventListener('fetch', function(event) {
+self.addEventListener('fetch', function (event) {
   const url = new URL(event.request.url);
 
   if (url.pathname === '/auth/sign_out') {

app/javascript/gabsocial/service_worker/web_push_notifications.js

@@ -62,7 +62,7 @@ const cloneNotification = notification => {
   let k;
 
   // Object.assign() does not work with notifications
-  for(k in notification) {
+  for (k in notification) {
     clone[k] = notification[k];
   }
 

app/javascript/gabsocial/stream.js

@@ -4,7 +4,7 @@ import WebSocketClient from 'websocket.js';
 
 const randomIntUpTo = max => Math.floor(Math.random() * Math.floor(max));
 
-export function connectStream(path, pollingRefresh = null, callbacks = () => ({ onConnect() {}, onDisconnect() {}, onReceive() {} })) {
+export function connectStream(path, pollingRefresh = null, callbacks = () => ({ onConnect() { }, onDisconnect() { }, onReceive() { } })) {
   return (dispatch, getState) => {
     const streamingAPIBaseURL = getState().getIn(['meta', 'streaming_api_base_url']);
     const accessToken = getState().getIn(['meta', 'access_token']);
@@ -26,7 +26,7 @@ export function connectStream(path, pollingRefresh = null, callbacks = () => ({
     };
 
     const subscription = getStream(streamingAPIBaseURL, accessToken, path, {
-      connected () {
+      connected() {
         if (pollingRefresh) {
           clearPolling();
         }
@@ -34,7 +34,7 @@ export function connectStream(path, pollingRefresh = null, callbacks = () => ({
         onConnect();
       },
 
-      disconnected () {
+      disconnected() {
         if (pollingRefresh) {
           polling = setTimeout(() => setupPolling(), randomIntUpTo(40000));
         }
@@ -42,11 +42,11 @@ export function connectStream(path, pollingRefresh = null, callbacks = () => ({
         onDisconnect();
       },
 
-      received (data) {
+      received(data) {
         onReceive(data);
       },
 
-      reconnected () {
+      reconnected() {
         if (pollingRefresh) {
           clearPolling();
           pollingRefresh(dispatch);
@@ -71,7 +71,7 @@ export function connectStream(path, pollingRefresh = null, callbacks = () => ({
 
 
 export default function getStream(streamingAPIBaseURL, accessToken, stream, { connected, received, disconnected, reconnected }) {
-  const params = [ `stream=${stream}` ];
+  const params = [`stream=${stream}`];
 
   const ws = new WebSocketClient(`${streamingAPIBaseURL}/api/v1/streaming/?${params.join('&')}`, accessToken);
 

app/javascript/gabsocial/utils/compare_id.js

@@ -6,7 +6,7 @@ export default function compareId(id1, id2) {
   }
   if (id1.length === id2.length) {
     return id1 > id2 ? 1 : -1;
-  } else {
-    return id1.length > id2.length ? 1 : -1;
   }
+
+  return id1.length > id2.length ? 1 : -1;
 }

app/javascript/gabsocial/utils/numbers.js

@@ -3,7 +3,7 @@ import { FormattedNumber } from 'react-intl';
 export const shortNumberFormat = number => {
   if (number < 1000) {
     return <FormattedNumber value={number} />;
-  } else {
-    return <span><FormattedNumber value={number / 1000} maximumFractionDigits={1} />K</span>;
   }
+
+  return <span><FormattedNumber value={number / 1000} maximumFractionDigits={1} />K</span>;
 };

app/javascript/styles/gabsocial/components/footer-bar.scss

@@ -1,45 +0,0 @@
-.footer-bar {
-  display: block;
-  position: fixed;
-  background: #000;
-  height: 58px;
-  bottom: 0;
-  left: 0;
-  right: 0;
-  z-index: 1000;
-  transition: transform 0.2s ease;
-  overflow: hidden;
-  padding-bottom: 0;
-  padding-bottom: env(safe-area-inset-bottom);
-
-  @media screen and (min-width: 895px) {
-    display: none !important;
-  }
-
-  &__container {
-    display: flex;
-    flex-direction: row;
-		align-items: stretch;
-  }
-
-  &__link {
-    display: flex;
-    flex: 1 1 auto;
-    margin: 0;
-    min-width: 36px;
-    height: 58px;
-    padding-top: 4px;
-    justify-content: center;
-    color: white;
-    text-decoration: none;
-    border-top: 2px solid transparent;
-
-    &.active {
-      border-top-color: $gab-brand-default;
-    }
-
-    & > span {
-      display: none;
-    }
-  }
-}

app/javascript/styles/gabsocial/components/sidebar-menu.scss

@@ -1,174 +0,0 @@
-.sidebar-menu {
-  display: flex;
-  position: fixed;
-  flex-direction: column;
-  width: 275px;
-  height: 100vh;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  background: $gab-background-container;
-  transform: translateX(-275px);
-  transition: all 0.15s linear;
-  z-index: 10001;
-
-	body.theme-gabsocial-light & {
-		background: $gab-background-container-light;
-	}
-
-  &__root {
-    display: none;
-  }
-
-  &__wrapper {
-    display: block;
-    position: fixed;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    z-index: 10000;
-    background-color: transparent;
-    transition: background-color 0.2s linear;
-    transition-delay: 0.1s;
-  }
-
-  &__content {
-    display: flex;
-    flex: 1 1;
-    flex-direction: column;
-    padding-bottom: 40px;
-    overflow: hidden;
-    overflow-y: scroll;
-    -webkit-overflow-scrolling: touch;
-  }
-
-  &__section {
-    display: block;
-    margin: 4px 0;
-    border-top: 1px solid lighten($ui-base-color, 4%);
-
-    &--borderless {
-      margin: 0;
-      border-top: none;
-    }
-  }
-
-  @media (max-width: 400px) {
-    width: 90vw;
-  }
-}
-
-.sidebar-menu__root--visible {
-  display: block;
-
-  .sidebar-menu {
-    transform: translateX(0);
-  }
-
-  .sidebar-menu__wrapper {
-    background-color: rgba(0,0,0,0.3);
-  }
-}
-
-.sidebar-menu-header {
-  display: flex;
-  height: 46px;
-  padding: 12px 14px;
-  border-bottom: 1px solid lighten($ui-base-color, 4%);
-  box-sizing: border-box;
-  align-items: center;
-
-  &__title {
-    display: block;
-    font-size: 18px;
-    font-weight: 600;
-    color: $primary-text-color;
-  }
-
-  &__btn {
-    margin-left: auto;
-  }
-}
-
-.sidebar-menu-profile {
-  display: block;
-  padding: 14px 18px;
-
-  &__avatar {
-    display: block;
-    width: 56px;
-    height: 56px;
-  }
-
-  &__name {
-    display: block;
-    margin-top: 10px;
-
-    .display-name__account {
-      display: block;
-      margin-top: 2px;
-    }
-  }
-
-  &__stats {
-    display: flex;
-    margin-top: 12px;
-  }
-}
-
-.sidebar-menu-profile-stat {
-  display: flex;
-  font-size: 14px;
-  text-decoration: none;
-
-  &:not(:first-of-type) {
-    margin-left: 18px;
-  }
-
-  &__value {
-    display: flex;
-    margin-right: 3px;
-    font-weight: 700;
-    color: $primary-text-color;
-  }
-
-  &__label {
-    display: flex;
-    color: $primary-text-color;
-  }
-
-  &:hover {
-    text-decoration: underline;
-  }
-}
-
-.sidebar-menu-item {
-  display: flex;
-  padding: 16px 18px;
-  cursor: pointer;
-  text-decoration: none;
-  color: $primary-text-color;
-  font-size: 15px;
-  font-weight: 400;
-  height: 50px;
-  box-sizing: border-box;
-
-  &:hover {
-    background-color: rgba($gab-brand-default, 0.1);
-
-    .fa {
-      color: $primary-text-color;
-    }
-  }
-
-  .fa {
-    margin-right: 10px;
-  }
-
-  &:hover {
-    &__title {
-      color: $primary-text-color;
-    }
-  }
-}