Progress

app/javascript/gabsocial/components/autosuggest_account/autosuggest_account.scss

@@ -1,15 +0,0 @@
-.autosuggest-account {
-  @include flex(flex-start, center, row);
-  @include text-sizing(14px, 400, 18px);
-
-  &__icon {
-    display: block;
-    margin-right: 8px;
-
-    @include size(16px);
-  }
-
-  .display-name__account {
-    color: $lighter-text-color;
-  }
-}

app/javascript/gabsocial/components/domain/domain.scss

@@ -1,23 +0,0 @@
-.domain {
-  padding: 10px;
-  border-bottom: 1px solid lighten($ui-base-color, 8%);
-
-  &__wrapper {
-    display: flex;
-  }
-
-  .domain__domain-name {
-    flex: 1 1 auto;
-    display: block;
-    color: $primary-text-color;
-    text-decoration: none;
-
-    @include text-sizing(14px, 400);
-  }
-
-  .domain_buttons {
-    height: 18px;
-    padding: 10px;
-    white-space: nowrap;
-  }
-}

app/javascript/gabsocial/components/icon_button/icon_button.scss

@@ -1,69 +0,0 @@
-.icon-button {
-  display: inline-block;
-  padding: 0;
-  color: $gab-secondary-text;
-  border: none;
-  background: transparent;
-  cursor: pointer;
-  transition: color 100ms ease-in;
-
-  &:hover,
-  &:active,
-  &:focus {
-    color: lighten($action-button-color, 7%);
-    transition: color 200ms ease-out;
-  }
-
-  &.disabled {
-    color: darken($action-button-color, 13%);
-    cursor: default;
-  }
-
-  &.active {
-    color: $highlight-text-color;
-  }
-
-  &::-moz-focus-inner {
-    border: 0;
-  }
-
-  &::-moz-focus-inner,
-  &:focus,
-  &:active {
-    outline: 0 !important;
-  }
-
-  &.inverted {
-    color: $gab-secondary-text;
-
-    &:hover,
-    &:active,
-    &:focus {
-      color: darken($lighter-text-color, 7%);
-    }
-
-    &.disabled {
-      color: lighten($lighter-text-color, 7%);
-    }
-
-    &.active {
-      color: $highlight-text-color;
-
-      &.disabled {
-        color: lighten($highlight-text-color, 13%);
-      }
-    }
-  }
-
-  &.overlayed {
-    box-sizing: content-box;
-    background: rgba($base-overlay-background, 0.6);
-    color: rgba($primary-text-color, 0.7);
-    border-radius: 4px;
-    padding: 2px;
-
-    &:hover {
-      background: rgba($base-overlay-background, 0.9);
-    }
-  }
-}

app/javascript/gabsocial/components/intersection_observer_article.js

@@ -1,4 +1,5 @@
 import { is } from 'immutable';
+import { setHeight } from '../actions/height_cache';
 import scheduleIdleTask from '../utils/schedule_idle_task';
 import getRectFromEntry from '../utils/get_rect_from_entry';
 
@@ -7,7 +8,21 @@ const updateOnPropsForRendered = ['id', 'index', 'listLength'];
 // Diff these props in the "unrendered" state
 const updateOnPropsForUnrendered = ['id', 'index', 'listLength', 'cachedHeight'];
 
-export default class IntersectionObserverArticle extends Component {
+const makeMapStateToProps = (state, props) => ({
+  cachedHeight: state.getIn(['height_cache', props.saveHeightKey, props.id]),
+});
+
+const mapDispatchToProps = (dispatch) => ({
+
+  onHeightChange (key, id, height) {
+    dispatch(setHeight(key, id, height));
+  },
+
+});
+
+export default
+@connect(makeMapStateToProps, mapDispatchToProps)
+class IntersectionObserverArticle extends Component {
 
   static propTypes = {
     intersectionObserverWrapper: PropTypes.object.isRequired,

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

@@ -37,8 +37,6 @@ 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';
 
 const messages = defineMessages({
   deleteConfirm: { id: 'confirmations.delete.confirm', defaultMessage: 'Delete' },

app/javascript/gabsocial/service_worker/web_push_locales.js

@@ -16,6 +16,7 @@ filenames.forEach(filename => {
   filtered[locale] = {
     'notification.favourite': full['notification.favourite'] || '',
     'notification.follow': full['notification.follow'] || '',
+    'notification.follow_request': full['notification.follow_request'] || '',
     'notification.mention': full['notification.mention'] || '',
     'notification.reblog': full['notification.reblog'] || '',
     'notification.poll': full['notification.poll'] || '',
@@ -28,4 +29,4 @@ filenames.forEach(filename => {
   };
 });
 
-module.exports = JSON.parse(JSON.stringify(filtered));
+module.exports = JSON.parse(JSON.stringify(filtered));

app/javascript/packs/mailer.js

@@ -1 +1,2 @@
-require('../styles/mailer.scss');
+// : todo :
+// require('../styles/mailer.scss');

app/javascript/styles/application.scss

@@ -1,25 +0,0 @@
-@import './gabsocial/variables';
-
-@import 'gabsocial/fonts';
-@import 'gabsocial/reset';
-@import 'gabsocial/basics';
-@import 'gabsocial/containers';
-@import 'gabsocial/lists';
-@import 'gabsocial/footer';
-@import 'gabsocial/compact_header';
-@import 'gabsocial/widgets';
-@import 'gabsocial/forms';
-@import 'gabsocial/accounts';
-@import 'gabsocial/stream_entries';
-
-// NOTE - In the process of stripping this giant file into individual components (below)
-@import 'gabsocial/components';
-
-@import 'gabsocial/polls';
-@import 'gabsocial/emoji_picker';
-@import 'gabsocial/about';
-@import 'gabsocial/tables';
-@import 'gabsocial/admin';
-@import 'gabsocial/dashboard';
-@import 'gabsocial/rtl';
-@import 'gabsocial/accessibility';

app/javascript/styles/base.scss

@@ -1,3 +0,0 @@
-@import './colors';
-@import './font_families';
-@import './mixins';

app/javascript/styles/mailer.scss

@@ -1,4 +1,4 @@
-@import 'gabsocial/variables';
+// @import 'gabsocial/variables';
 
 // : todo :
 //Check this out later - replace with 'gabsocial/fonts'