import React, { PropTypes } from 'react';

const propTypes = {
  task: PropTypes.object.isRequired,
};

export default class Task extends React.Component {
  render() {
    return (
      <tr>
        <td>
          {this.props.task.text}
        </td>
      </tr>
    );
  }
}

Task.propTypes = propTypes;

import React, { PropTypes } from 'react';

const propTypes = {
  task: PropTypes.object.isRequired,
};

export default class Task extends React.Component {
  render() {
    return (
      <tr>
        <td>
          {this.props.task.text}
        </td>
        <td className="is-icon">
          <i className="fa fa-check" />
        </td>
        <td className="is-icon">
          <i className="fa fa-pencil" />
        </td>
        <td className="is-icon">
          <i className="fa fa-trash" />
        </td>
      </tr>
    );
  }
}

Task.propTypes = propTypes;

Add icon in task, but not work yet
Add icon in task, but not work yet
