tasklist.jsx

import React from 'react';
import Task from './Task';

// type tTask = {
//   title: string,
//   details: string,
//   ID: number
// }

// type tProps = {
//   tasks: Array<tTask>,
// };

class TaskList extends React.Component {
  constructor(props) {
    super(props);
    this.updateStatus = this.updateStatus.bind(this);
    this.state = {
      isInProgress: true,
    };
  }

  updateStatus() {
    this.setState({ isInProgress: !this.state.isInProgress });
  }

  render() {
    return (
      <div className="tasks-wrapper">
        {this.props.tasks.map(task => (
          <Task
            taskData={task}
            onClick={this.updateStatus}
          />
        ))}
      </div>
    );
  }
}

export default TaskList;