Fixed edit and renamed Notes to Tasks, also renamed task title to nam…

…e to be in sync with the scrumboard models
acidjunk · Dec 20, 2016 · 5d39f80 · 5d39f80
1 parent 25b61e7
commit 5d39f80
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 9 deletions.
diff --git a/static/react/kanban-app/app/components/App.jsx b/static/react/kanban-app/app/components/App.jsx
@@ -12,15 +12,15 @@ export default class App extends React.Component {
       tasks: [
         {
           id: uuid.v4(),
-          task: 'Implement other data structures'
+          name: 'Implement other data structures'
         },
         {
           id: uuid.v4(),
-          task: 'Use test data from other sources'
+          name: 'Use test data from other sources'
         },
         {
           id: uuid.v4(),
-          task: 'Finish the kanban implementation'
+          name: 'Finish the kanban implementation'
         }
       ]
     };
@@ -47,7 +47,7 @@ export default class App extends React.Component {
     this.setState({
       tasks: this.state.tasks.concat([{
         id: uuid.v4(),
-        task: 'New task'
+        name: 'New task'
       }])
     });
   }
@@ -72,12 +72,12 @@ export default class App extends React.Component {
     });
   }
 
-  editTask = (id, task) => {
+  editTask = (id, name) => {
     this.setState({
       tasks: this.state.tasks.map(task => {
         if(task.id === id) {
           task.editing = false;
-          task.task = task;
+          task.name = name;
         }
         return task;
       })

diff --git a/static/react/kanban-app/app/components/Editable.jsx b/static/react/kanban-app/app/components/Editable.jsx
@@ -9,7 +9,8 @@ export default ({editing, value, onEdit, ...props}) => {
 
 class Edit extends React.Component {
   render() {
-    const {value, ...props} = this.props;
+    //const {value, ...props} = this.props;
+    const {className, value, onEdit, ...props} = this.props;
 
     return <input
       type="text"

diff --git a/static/react/kanban-app/app/components/Tasks.jsx b/static/react/kanban-app/app/components/Tasks.jsx
@@ -6,12 +6,12 @@ export default ({
   tasks,
   onTaskClick=() => {}, onEdit=() => {}, onDelete=() => {}
 }) => (
-    <ul>{tasks.map(({id, editing, task}) =>
+    <ul>{tasks.map(({id, editing, name}) =>
       <li key={id}>
         <Task onClick={onTaskClick.bind(null, id)}>
           <Editable
              editing={editing}
-             value={task}
+             value={name}
              onEdit={onEdit.bind(null, id)} />
           <button onClick={onDelete.bind(null, id)}>x</button>
         </Task>