|
|
- import ColumnsArea from './columns_area';
- import Column from './column';
- import Drawer from './drawer';
- 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';
- import NavigationContainer from '../containers/navigation_container';
- import PureRenderMixin from 'react-addons-pure-render-mixin';
-
- const Frontend = React.createClass({
-
- mixins: [PureRenderMixin],
-
- render () {
- return (
- <div style={{ flex: '0 0 auto', display: 'flex', width: '100%', height: '100%', background: '#1a1c23' }}>
- <Drawer>
- <div style={{ flex: '1 1 auto' }}>
- <NavigationContainer />
- <ComposeFormContainer />
- <UploadFormContainer />
- </div>
-
- <FollowFormContainer />
- </Drawer>
-
- <ColumnsArea>
- <Column icon='home' heading='Home'>
- <StatusListContainer type='home' />
- </Column>
-
- <Column icon='at' heading='Mentions'>
- <StatusListContainer type='mentions' />
- </Column>
-
- <Column fluid={true}>
- {this.props.children}
- </Column>
- </ColumnsArea>
-
- <NotificationsContainer />
- </div>
- );
- }
-
- });
-
- export default Frontend;
|