1 files changed, 15 insertions, 0 deletions
diff --git a/app/javascript/mastodon/features/compose/containers/doodle_button_container.js b/app/javascript/mastodon/features/compose/containers/doodle_button_container.js
new file mode 100644
index 000000000..5ada4514f
--- /dev/null
+++ b/app/javascript/mastodon/features/compose/containers/doodle_button_container.js
@@ -0,0 +1,15 @@
+import { connect } from 'react-redux';
+import DoodleButton from '../components/doodle_button';
+import { openModal } from '../../../actions/modal';
+
+const mapStateToProps = state => ({
+  disabled: state.getIn(['compose', 'is_uploading']) || (state.getIn(['compose', 'media_attachments']).size > 3 || state.getIn(['compose', 'media_attachments']).some(m => m.get('type') === 'video')),
+});
+
+const mapDispatchToProps = dispatch => ({
+  onOpenCanvas () {
+    dispatch(openModal('DOODLE', { noEsc: true }));
+  },
+});
+
+export default connect(mapStateToProps, mapDispatchToProps)(DoodleButton);