Remove react-dnd as it was interfering with text selection. Move content

warning mentions preview into area where actual content would be

2 files changed, 5 insertions, 21 deletions

diff --git a/app/assets/javascripts/components/features/ui/components/column.jsx b/app/assets/javascripts/components/features/ui/components/column.jsx
index b33383428..2eafe5a8f 100644
--- a/app/assets/javascripts/components/features/ui/components/column.jsx
+++ b/app/assets/javascripts/components/features/ui/components/column.jsx
@@ -1,6 +1,5 @@
 import ColumnHeader from './column_header';
 import PureRenderMixin from 'react-addons-pure-render-mixin';
-import { DragSource } from 'react-dnd';
 
 const easingOutQuint = (x, t, b, c, d) => c*((t=t/d-1)*t*t*t*t + 1) + b;
 
@@ -37,22 +36,9 @@ const style = {
   flexDirection: 'column'
 };
 
-const columnSource = {
-  beginDrag (props) {
-    return {};
-  }
-};
-
-const collect = (connect, monitor) => ({
-  connectDragSource: connect.dragSource(),
-  isDragging: monitor.isDragging()
-});
-
 const Column = React.createClass({
 
   propTypes: {
-    connectDragSource: React.PropTypes.func.isRequired,
-    isDragging: React.PropTypes.bool.isRequired,
     heading: React.PropTypes.string,
     icon: React.PropTypes.string,
     children: React.PropTypes.node
@@ -72,7 +58,7 @@ const Column = React.createClass({
   },
 
   render () {
-    const { heading, icon, children, connectDragSource, isDragging } = this.props;
+    const { heading, icon, children } = this.props;
 
     let header = '';
 
@@ -80,8 +66,8 @@ const Column = React.createClass({
       header = <ColumnHeader icon={icon} type={heading} onClick={this.handleHeaderClick} />;
     }
 
-    return connectDragSource(
-      <div className='column' style={{...style, opacity: isDragging ? '0.5' : '1' }} onWheel={this.handleWheel}>
+    return (
+      <div className='column' style={style} onWheel={this.handleWheel}>
         {header}
         {children}
       </div>
@@ -90,4 +76,4 @@ const Column = React.createClass({
 
 });
 
-export default DragSource('column', columnSource, collect)(Column);
+export default Column;
diff --git a/app/assets/javascripts/components/features/ui/index.jsx b/app/assets/javascripts/components/features/ui/index.jsx
index de0c054ba..da44434b1 100644
--- a/app/assets/javascripts/components/features/ui/index.jsx
+++ b/app/assets/javascripts/components/features/ui/index.jsx
@@ -13,8 +13,6 @@ import { debounce } from 'react-decoration';
 import { uploadCompose } from '../../actions/compose';
 import { refreshTimeline } from '../../actions/timelines';
 import { refreshNotifications } from '../../actions/notifications';
-import { DragDropContext } from 'react-dnd';
-import HTML5Backend from 'react-dnd-html5-backend';
 
 const UI = React.createClass({
 
@@ -105,4 +103,4 @@ const UI = React.createClass({
 
 });
 
-export default connect()(DragDropContext(HTML5Backend)(UI));
+export default connect()(UI);