From 45776b55b0d97d6a6b8b202d3076f19f1d055573 Mon Sep 17 00:00:00 2001
From: Eugen Rochko <eugen@zeonfederated.com>
Date: Wed, 12 Oct 2016 13:17:17 +0200
Subject: Responsively changing layout to single-column + nav on smaller
 screens

---
 .../components/features/compose/index.jsx          | 28 ++++++++++++++++++++++
 1 file changed, 28 insertions(+)
 create mode 100644 app/assets/javascripts/components/features/compose/index.jsx

(limited to 'app/assets/javascripts/components/features/compose')

diff --git a/app/assets/javascripts/components/features/compose/index.jsx b/app/assets/javascripts/components/features/compose/index.jsx
new file mode 100644
index 000000000..4be938158
--- /dev/null
+++ b/app/assets/javascripts/components/features/compose/index.jsx
@@ -0,0 +1,28 @@
+import Drawer               from '../ui/components/drawer';
+import ComposeFormContainer from '../ui/containers/compose_form_container';
+import FollowFormContainer  from '../ui/containers/follow_form_container';
+import UploadFormContainer  from '../ui/containers/upload_form_container';
+import NavigationContainer  from '../ui/containers/navigation_container';
+import PureRenderMixin      from 'react-addons-pure-render-mixin';
+
+const Compose = React.createClass({
+
+  mixins: [PureRenderMixin],
+
+  render () {
+    return (
+      <Drawer>
+        <div style={{ flex: '1 1 auto' }}>
+          <NavigationContainer />
+          <ComposeFormContainer />
+          <UploadFormContainer />
+        </div>
+
+        <FollowFormContainer />
+      </Drawer>
+    );
+  }
+
+});
+
+export default Compose;
-- 
cgit