{"size": 740, "ext": "js", "max_stars_repo_path": "resources/assets/js/reactFlux/components/main/TaskItemView.js", "max_stars_repo_name": "ratchanon23/larval-quickstart2", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "resources/assets/js/reactFlux/components/main/TaskItemView.js", "max_issues_repo_name": "ratchanon23/larval-quickstart2", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "resources/assets/js/reactFlux/components/main/TaskItemView.js", "max_forks_repo_name": "ratchanon23/larval-quickstart2", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": null, "max_forks_count": null, "avg_line_length": 28.4615384615, "max_line_length": 122, "alphanum_fraction": 0.6905405405}
import React, { Component, PropTypes } from 'react';
import {render} from 'react-dom';

class TaskItemView extends Component {

  render(){
    return (
      <div>
        <span>{this.props.taskId}. </span>
        <span>{this.props.taskName} </span>
        <button type="button" className="btn btn-default" onClick={this.props.handleClick.bind(this)}>Delete Task</button>
        <button type="button" className="btn btn-default" onClick={this.props.editClick.bind(this)}>Edit Task</button>
     </div>
    );
  }

}

TaskItemView.propTypes = {
  taskId: PropTypes.number.isRequired,
  taskName: PropTypes.string.isRequired,
  handleClick: PropTypes.func.isRequired,
  editClick: PropTypes.func.isRequired
}

export default TaskItemView;