2016-09-13 02:24:40 +02:00
|
|
|
import ColumnsArea from './columns_area';
|
|
|
|
import Column from './column';
|
|
|
|
import Drawer from './drawer';
|
2016-09-12 19:20:55 +02:00
|
|
|
import ComposeFormContainer from '../containers/compose_form_container';
|
|
|
|
import FollowFormContainer from '../containers/follow_form_container';
|
|
|
|
import UploadFormContainer from '../containers/upload_form_container';
|
|
|
|
import StatusListContainer from '../containers/status_list_container';
|
|
|
|
import NotificationsContainer from '../containers/notifications_container';
|
2016-09-13 02:24:40 +02:00
|
|
|
import NavigationContainer from '../containers/navigation_container';
|
|
|
|
import PureRenderMixin from 'react-addons-pure-render-mixin';
|
2016-08-24 17:56:44 +02:00
|
|
|
|
|
|
|
const Frontend = React.createClass({
|
|
|
|
|
2016-08-31 16:15:12 +02:00
|
|
|
mixins: [PureRenderMixin],
|
|
|
|
|
|
|
|
render () {
|
2016-08-24 17:56:44 +02:00
|
|
|
return (
|
|
|
|
<div style={{ flex: '0 0 auto', display: 'flex', width: '100%', height: '100%', background: '#1a1c23' }}>
|
2016-09-03 14:01:10 +02:00
|
|
|
<Drawer>
|
|
|
|
<div style={{ flex: '1 1 auto' }}>
|
2016-09-13 02:24:40 +02:00
|
|
|
<NavigationContainer />
|
2016-09-03 14:01:10 +02:00
|
|
|
<ComposeFormContainer />
|
2016-09-07 18:17:15 +02:00
|
|
|
<UploadFormContainer />
|
2016-09-03 14:01:10 +02:00
|
|
|
</div>
|
|
|
|
|
|
|
|
<FollowFormContainer />
|
|
|
|
</Drawer>
|
|
|
|
|
2016-09-10 18:36:48 +02:00
|
|
|
<ColumnsArea>
|
|
|
|
<Column icon='home' heading='Home'>
|
|
|
|
<StatusListContainer type='home' />
|
|
|
|
</Column>
|
|
|
|
|
|
|
|
<Column icon='at' heading='Mentions'>
|
|
|
|
<StatusListContainer type='mentions' />
|
|
|
|
</Column>
|
2016-09-13 02:24:40 +02:00
|
|
|
|
2016-09-18 18:18:46 +02:00
|
|
|
<Column>
|
2016-09-13 02:24:40 +02:00
|
|
|
{this.props.children}
|
|
|
|
</Column>
|
2016-09-10 18:36:48 +02:00
|
|
|
</ColumnsArea>
|
2016-09-12 19:20:55 +02:00
|
|
|
|
|
|
|
<NotificationsContainer />
|
2016-08-24 17:56:44 +02:00
|
|
|
</div>
|
|
|
|
);
|
|
|
|
}
|
2016-08-31 16:15:12 +02:00
|
|
|
|
2016-08-24 17:56:44 +02:00
|
|
|
});
|
|
|
|
|
|
|
|
export default Frontend;
|