refactor audioplayer

1 files changed, 14 insertions, 3 deletions

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>