fix: Draggable Props should be disabled on card when draggable prop o…

…n Board is set to false

dragProvided.draggableProps.style was undefined when drag-n-drop was disabled on the card

#60

src/components/Card.js

@@ -38,12 +38,14 @@ class Card extends Component {
   })
 
   render() {
-    const {id, index, cardStyle, editable, customCardLayout, ...otherProps} = this.props
+    const {id, index, cardStyle, draggable, editable, customCardLayout, ...otherProps} = this.props
     const style = customCardLayout ? {...cardStyle, padding: 0} : cardStyle
+    const isDragDisabled = !draggable
     return (
-      <Draggable key={id} draggableId={id} index={index}>
+      <Draggable key={id} draggableId={id} index={index} isDragDisabled={isDragDisabled}>
         {(dragProvided, dragSnapshot) => {
-          const dragStyle = this.getItemStyle(dragSnapshot.isDragging, dragProvided.draggableProps.style)
+          const draggablePropsStyle = dragProvided.draggableProps && dragProvided.draggableProps.style
+          const dragStyle = this.getItemStyle(dragSnapshot.isDragging, draggablePropsStyle)
           return (
             <div>
               <MovableCardWrapper

stories/BoardStyling.story.js

@@ -11,6 +11,6 @@ const data = require('./data.json')
 storiesOf('Advanced Features', module).add(
   'Board Styling',
   withInfo('Change the background and other css styles for the board container')(() =>
-    <Board data={data} style={{}} className='boardContainer' />
+    <Board data={data} style={{padding: '30px 20px'}} className='boardContainer' />
   )
 )