text: import React, { PropTypes } from 'react';
  import Note from './Note';
  import Edit from '../../components/Edit';
  
  
  const Notes = ({ notes, laneId, editNote, updateNote, deleteNote, moveWithinLane }) => {
    return (
      <ul className="notes">
        {notes.map((note, id) => 
          <Note
            id={note.id}
            key={note.id || id}   ///to prevent display error in console that element dosen't have set key propperty value. On first action CREATE_LANES note is empty object, note is filled on CREATE_NOTES. For this reason in CREATE_LENS key value have id of array position.
            moveWithinLane={moveWithinLane}
            laneId={laneId}
            _id={note._id}
            editing={note.editing}
          >
            <Edit
              editing={note.editing}
              value={note.task}
              onValueClick={() => editNote(note.id)}
              onUpdate={(task) => updateNote({
                  ...note,
                  task,
                  editing: false
                }
              )}
              onDelete={() => deleteNote(note.id, laneId)}
            />
          </Note>
        )}
      </ul>
    );
  };
  
  Notes.propTypes = {
    deleteNote: PropTypes.func,
    updateNote: PropTypes.func,
    laneId: PropTypes.string,
    editNote: PropTypes.func,
    notes: PropTypes.array,
    moveWithinLane: PropTypes.func,
  };
  
  export default Notes;