Large update for all components

reorganization, linting, updating file imports, consolidation
warning: there will be errors in this commit
todo: update webpack, add missing styles, scss files, consolidate the rest of components within features/*

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

@@ -0,0 +1,56 @@
+import ImmutablePropTypes from 'react-immutable-proptypes';
+import ImmutablePureComponent from 'react-immutable-pure-component';
+import { FormattedMessage } from 'react-intl';
+import { NavLink } from 'react-router-dom';
+
+const mapStateToProps = state => ({
+  value: state.getIn(['search', 'value']),
+  submitted: state.getIn(['search', 'submitted']),
+});
+
+export default @connect(mapStateToProps)
+class Header extends ImmutablePureComponent {
+
+  static propTypes = {
+    value: PropTypes.string,
+    submitted: PropTypes.bool,
+  };
+
+  state = {
+    submittedValue: '',
+  };
+
+  componentWillReceiveProps (nextProps) {
+    if (nextProps.submitted) {
+      const submittedValue = nextProps.value;
+      this.setState({submittedValue})
+    }
+  }
+
+  render () {
+    const { submittedValue } = this.state;
+
+    if (!submittedValue) {
+      return null;
+    }
+
+    return (
+      <div className='search-header'>
+        <div className='search-header__text-container'>
+          <h1 className='search-header__title-text'>
+            {submittedValue}
+          </h1>
+        </div>
+        <div className='search-header__type-filters'>
+          <div className='account__section-headline'>
+            <div className='search-header__type-filters-tabs'>
+              <NavLink to='/search' activeClassName='active'>
+                <FormattedMessage id='search_results.top' defaultMessage='Top' />
+              </NavLink>
+            </div>
+          </div>
+        </div>
+      </div>
+    );
+  }
+}

app/javascript/gabsocial/features/search/components/header/header.scss

@@ -0,0 +1,46 @@
+.search-header {
+  display: block;
+  width: 100%;
+
+  &__text-container {
+    display: none;
+    padding: 25px 0;
+    background-color: lighten($ui-base-color, 6%);
+
+    @media (min-width:895px) {
+      display: block;
+    }
+  }
+
+  &__title-text {
+    color: $primary-text-color;
+    font-size: 27px;
+    font-weight: bold;
+    line-height: 32px;
+    overflow: hidden;
+    padding-left: 20px;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    max-width: 1200px;
+    margin: 0 auto;
+  }
+
+  &__type-filters-tabs {
+    display: flex;
+    width: 100%;
+    max-width: 1200px;
+    margin: 0 auto;
+
+    @media screen and (max-width:895px) {
+      max-width: 580px;
+    }
+  }
+
+  @media (min-width:895px) and (max-width:1190px) {
+
+    &__title-text,
+    &__type-filters-tabs {
+      max-width: 900px;
+    }
+  }
+}

app/javascript/gabsocial/features/search/components/header/index.js

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