bblp help me debug zomg

app/components/Notes.jsx

@@ -1,23 +1,25 @@
 import React from 'react';
 import Editable from './Editable.jsx';
 
-export default class Notes extends React.Component {
-  render() {
-    const notes = this.props.notes;
-
+// export default class Notes extends React.Component {
+export default ({notes, onValueClick, onEdit, onDelete}) => {
+
+  // render() {
+  //   const notes = this.props.notes;
+  //   console.log(notes);
     return (
       <ul className="notes">{notes.map((note) => {
         return (
           <li className="note" key={note.id}>
             <Editable value={note.task} 
                   editing={note.editing}
-                  onValueClick={this.props.onValueClick.bind(null, note.id)}
-                  onEdit={this.props.onEdit.bind(null, note.id)}
-                  onDelete={this.props.onDelete.bind(null, note.id)}/>
+                  onValueClick={onValueClick.bind(null, note.id)}
+                  onEdit={onEdit.bind(null, note.id)}
+                  onDelete={onDelete.bind(null, note.id)}/>
           </li>
         );
       })}
       </ul>
     );
-  }
+  // }
 }

app/stores/LaneStore.js

@@ -60,7 +60,7 @@ class LaneStore {
   detachFromLane({laneId, noteId}) {
     const lanes = this.lanes.map((lane) => {
       if (lane.id === laneId) {
-        lane.notes = lane.notes.filter((note) => note.id !== noteId);
+        lane.notes = lane.notes.filter((nid) => nid !== noteId);
       }
       return lane;
     });

app/stores/NoteStore.js

@@ -7,7 +7,7 @@ class NoteStore {
   constructor() {
     //use bindActions to map each action in NoteActions to a method by name.
     this.bindActions(NoteActions);
-    this.notes = [{id: uuid.v4(), task:'test'}];
+    this.notes = [];
 
     //Alt uses this to access the public interface of the store.
     this.exportPublicMethods({