         </span>
       </div>
     </div>
+
+  onClick: ->
+    {id} = @props.item
+    transitionTo('task', {id})
 
 
 Tasks = React.createClass

# @cjsx React.DOM

React = require 'react'
{Link} = require 'react-router'

AsyncState = require '../async-state'
API = require '../api'

      stepsInfo = <small className='details'>({@props.item.steps.length} steps)</small>

    <div className='panel panel-default'>
      <div className='panel-body' onClick={@onClick}>
        <Link to='task' id={id}><i className="fa fa-fw #{mainType}"></i> {title}</Link>
        {stepsInfo}
        <span className='pull-right'>
