diff options
Diffstat (limited to 'client/components/Tasks')
| -rw-r--r-- | client/components/Tasks/TaskFormView.jsx | 2 | ||||
| -rw-r--r-- | client/components/Tasks/Tasks.jsx | 17 |
2 files changed, 15 insertions, 4 deletions
diff --git a/client/components/Tasks/TaskFormView.jsx b/client/components/Tasks/TaskFormView.jsx index 36660de..e296a66 100644 --- a/client/components/Tasks/TaskFormView.jsx +++ b/client/components/Tasks/TaskFormView.jsx @@ -4,7 +4,7 @@ import { Link } from 'react-router-dom' import client from '../../client.js' export default function TaskFormView (props) { - console.log(props) + // console.log(props) return ( <div class='form'> <div> diff --git a/client/components/Tasks/Tasks.jsx b/client/components/Tasks/Tasks.jsx index a107acf..263e669 100644 --- a/client/components/Tasks/Tasks.jsx +++ b/client/components/Tasks/Tasks.jsx @@ -10,14 +10,20 @@ export default class Tasks extends Component { super() this.state = { adding: false, + tasks: [], } client.task.index().then( tasks => this.setState({ tasks }) ) } render() { - const tasks = (this.props.tasks || []).map( (task, i) => { +// <span class='name'>{task.result_file.name}</span> + const tasks = (this.state.tasks || []).map( (task, i) => { return ( <div key={i} onClick={() => this.toggle(task)}> - <span class='name'>{task.name}</span> + <span>{task.id}</span> + <span>{task.created_at}</span> + <span class='name'>{task.content_file.name}</span> + <span class='name'>{task.style_file.name}</span> + <span>{task.alpha}</span> </div> ) }) @@ -25,9 +31,14 @@ export default class Tasks extends Component { <div class='column'> <div class='window'> <div class='heading'> - <b>tasks</b> + <b>create task</b> </div> <TaskForm /> + </div> + <div class='window'> + <div class='heading'> + <b>recent tasks</b> + </div> <div class='list'> {tasks} </div> |