Pass the correct card ID

Author: Alex Kühne

examples/04 Sortable/Simple/Card.js

@@ -12,7 +12,10 @@ const style = {
 
 const cardSource = {
   beginDrag(props) {
-    return { id: props.id };
+    return {
+      id: props.id,
+      index: props.index
+    };
   }
 };
 
@@ -23,10 +26,9 @@ const cardTarget = {
     if (draggedId === ownId) {
       return;
     }
-  
-    // assuming something like findTodoIndex is implemented
-    const ownIndex = props.findTodoIndex(ownId);
-    const draggedIndex = props.findTodoIndex(draggedId);
+
+    const ownIndex = props.index;
+    const draggedIndex = monitor.getItem().index;
 
     // What is my rectangle on screen?
     const boundingRect = React.findDOMNode(component).getBoundingClientRect();

examples/04 Sortable/Simple/Container.js

@@ -62,9 +62,10 @@ export default class Container extends Component {
 
     return (
       <div style={style}>
-        {cards.map(card => {
+        {cards.map((card, i) => {
           return (
             <Card key={card.id}
+                  index={i}
                   id={card.id}
                   text={card.text}
                   moveCard={this.moveCard} />