benkissi

class TodoApp extends Component {
  render() {
    return (
      <div className="todos">
        <Grid columns={1} className="ui center aligned">
          <Grid.Row>
            <Grid.Column className="todo-body" width={12}>
              <h2>Simple Todo</h2>
              <TodoInput />
              <div id="display-todos">

benkissi

const TodoInput = props => {
  let todo;
  return (
    <AppConsumer>
      {({ addTodo }) => (
        <form
          onSubmit={e => {
            e.preventDefault();
          }}
        >

benkissi

const DisplayTodos = props => {
  return (
    <AppConsumer>
      {({ todos, completed }) => {
        const notCompleted = todos.filter(todo => {
          if (todo.completed === false) {
            return todo;
          }
        });