Updated components, style modules

app/javascript/gabsocial/pages/home_page.js

@@ -1,23 +1,15 @@
 import { Fragment } from 'react';
-import ImmutablePureComponent from 'react-immutable-pure-component';
 import WhoToFollowPanel from '../components/panel';
 import LinkFooter from '../components/link_footer';
 import PromoPanel from '../components/promo_panel';
 import UserPanel from '../components/user_panel';
-import ComposeFormContainer from '../features/compose/containers/compose_form_container';
-import Avatar from '../components/avatar';
 import GroupSidebarPanel from '../features/groups/sidebar_panel';
-import { me } from '../initial_state';
 import ColumnsArea from '../components/columns_area';
+import TimelineComposeBlock from '../components/timeline_compose_block';
 
-const mapStateToProps = state => ({
-  account: state.getIn(['accounts', me]),
-});
-
-export default @connect(mapStateToProps)
-class HomePage extends ImmutablePureComponent {
+export default class HomePage extends PureComponent {
   render () {
-    const {children, account} = this.props;
+    const {children} = this.props;
 
     return (
       <ColumnsArea
@@ -26,7 +18,7 @@ class HomePage extends ImmutablePureComponent {
           RIGHT: (
             <Fragment>
               <GroupSidebarPanel />
-              {/*<WhoToFollowPanel />*/}
+              { /* <WhoToFollowPanel /> */ }
             </Fragment>
           ),
           LEFT: (
@@ -38,13 +30,7 @@ class HomePage extends ImmutablePureComponent {
           )
         }}
       >
-        <div className='timeline-compose-block'>
-          <div className='timeline-compose-block__avatar'>
-            <Avatar account={account} size={46} />
-          </div>
-          <ComposeFormContainer shouldCondense={true} autoFocus={false} />
-        </div>
-
+        <TimelineComposeBlock size={46} shouldCondense={true} autoFocus={false} />
         {children}
       </ColumnsArea>
     )