fix: Move laneprops to the end of Lane to take precedence over drag props

#56

Author: rcdexta

src/components/BoardContainer.js

@@ -49,14 +49,7 @@ class BoardContainer extends Component {
     }
   }
 
-  onDragStart = initial => {
-    console.log('onDragStart')
-    console.log(initial)
-  }
-
   onDragEnd = result => {
-    console.log('onDragEnd')
-    console.log(result)
     const {source, destination, draggableId} = result
 		destination && this.props.actions.moveCardAcrossLanes({fromLaneId: source.droppableId, toLaneId: destination.droppableId, cardId: draggableId, index: destination.index})
   }
@@ -84,7 +77,7 @@ class BoardContainer extends Component {
     ])
 
     return (
-      <DragDropContext onDragStart={this.onDragStart} onDragEnd={this.onDragEnd}>
+      <DragDropContext onDragEnd={this.onDragEnd}>
         <BoardDiv style={style} {...otherProps}>
           {reducerData.lanes.map((lane, index) => {
             const {id, droppable, ...otherProps} = lane

src/components/Card.js

@@ -49,14 +49,15 @@ class Card extends Component {
                 <MovableCardWrapper
                   key={id}
                   data-id={id}
-                  {...otherProps}
                   innerRef={dragProvided.innerRef}
                   {...dragProvided.draggableProps}
                   {...dragProvided.dragHandleProps}
 									style={{
 										...style,
 										...dragStyle
-									}}>
+									}}
+									{...otherProps}
+                >
                   {this.renderBody()}
                   {editable && <DeleteButton onClick={this.removeCard} />}
                 </MovableCardWrapper>

src/components/Lane.js

@@ -142,11 +142,6 @@ class Lane extends Component {
     }
   }
 
-  onDragEnd = result => {
-    console.log('onDragEnd')
-    console.log(result)
-  }
-
   renderDragContainer = () => {
     const {laneSortFunction, editable, tagStyle, cardStyle, draggable} = this.props
     const {addCardMode} = this.state

stories/Interactions.story.js

@@ -28,7 +28,7 @@ storiesOf('Advanced Features', module).add(
   'Event Handling',
   withInfo('Adding event handlers to cards')(() =>
     <Board
-    draggable={true}
+      draggable
       data={data}
       onCardClick={(cardId, metadata, laneId) => alert(`Card with id:${cardId} clicked. Has metadata.id: ${metadata.id}. Card in lane: ${laneId}`)}
       onLaneClick={(laneId) => alert(`Lane with id:${laneId} clicked`)}