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,