{"size": 682, "ext": "js", "max_stars_repo_path": "src/Components/Task.js", "max_stars_repo_name": "bkkaggle/ray-front-end", "max_stars_repo_stars_event_min_datetime": "2020-12-27T02:42:45.000Z", "max_stars_repo_stars_event_max_datetime": "2021-01-02T01:09:56.000Z", "max_issues_repo_path": "src/Components/Task.js", "max_issues_repo_name": "bkkaggle/ray-front-end", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "src/Components/Task.js", "max_forks_repo_name": "bkkaggle/ray-front-end", "max_forks_repo_forks_event_min_datetime": "2020-10-29T18:40:48.000Z", "max_forks_repo_forks_event_max_datetime": "2021-01-02T15:51:22.000Z"}
{"max_stars_count": 3, "max_issues_count": null, "max_forks_count": 3, "avg_line_length": 25.2592592593, "max_line_length": 132, "alphanum_fraction": 0.4985337243}
import React from 'react'

class Task extends React.Component {
    render() {
        let name

        if (this.props.data.complete) {
            name = (
                <span className='listitem2' >√  {this.props.data.name}</span>
            )
        } else {
            name = (
                <span className='listitem2' onClick={() => this.props.handleClick(this.props.data.id)}>{this.props.data.name}</span>
            )
        }


        return (
            <div className='calendarlistitem' >
                {name}
                <span className='listitem2'>due in {this.props.data.dueDate} hours</span>
            </div>
        )
    }
}

export default Task