deleting tasks

1 files changed, 11 insertions, 0 deletions

diff --git a/app/client/dashboard/tasklist.component.js b/app/client/dashboard/tasklist.component.js
index b14202f..a365454 100644
--- a/app/client/dashboard/tasklist.component.js
+++ b/app/client/dashboard/tasklist.component.js
@@ -3,6 +3,8 @@ import { bindActionCreators } from 'redux'
 import { connect } from 'react-redux'
 import * as util from '../util'
 
+import actions from '../actions'
+
 class TaskList extends Component {
   constructor(props){
     super()
@@ -24,6 +26,9 @@ class TaskList extends Component {
 	        <div class='activity'>{task.activity} {task.module} {dataset_type}</div>
 	        <div class='dataset'>{dataset_name}</div>
           <div className={"age " + util.carbon_date(task.updated_at)}>{util.get_age(task.updated_at)}</div>
+          <div class='options'>
+            <span class='destroy' onClick={() => this.handleDestroy(task)}>x</span>
+          </div>
 		   	</div>
 	   	)
 	  })
@@ -33,6 +38,12 @@ class TaskList extends Component {
 	  	</div>
   	)
   }
+  handleDestroy(task) {
+    const yes = confirm('Are you sure you want to delete this task?')
+    if (yes) {
+      actions.task.destroy(task)
+    }
+  }
 }
 
 const mapStateToProps = state => ({