lomse

import React from "react"
import styled from "styled-components"
import PropTypes from "prop-types"
import TodoItem from "./TodoItem"

const StyledUl = styled.ul`
	padding: 0;
`

const TodoList = props => {

lomse

import React from 'react'
import PropTypes from 'prop-types'
import styled from 'styled-components'

const StyledList = styled.li`
  list-style: none;
  overflow: hidden;
  width: 100%;
  margin-bottom: 10px;
`

lomse

import React from "react"
import Enzyme, { shallow } from "enzyme"
import Adapter from "enzyme-adapter-react-16"
import TodoItem from "./TodoItem"

describe("TodoItem Component", () => {
	beforeAll(() => {
		Enzyme.configure({ adapter: new Adapter() })
	})

lomse

import React, { Component } from 'react'
import styled from 'styled-components'
import { generateId, addTodo } from '../lib/helper'
import TodoList from './TodoList'
import TodoForm from './TodoForm'

const Container = styled.div`
  width: 250px;
  margin: 10px auto;
  font-family: Arial, Helvetica, sans-serif;

lomse

handleSubmit = evt => {
    evt.preventDefault()
    
    const { currentTodo, todos } = this.state

    const newTodo = { id: generateId(), name: currentTodo, isComplete: false }

    const updatedTodos = addTodo(todos, newTodo)

    this.setState({ todos: updatedTodos, currentTodo: '' })

lomse

import React from 'react'
import styled from 'styled-components'
import PropTypes from 'prop-types'

const FormInput = styled.input`
  width: 235px;
  outline: none;
  font-size: 13px;
  padding-top: 7px;
  padding-bottom: 7px;

lomse

import React from 'react'
import Enzyme, { shallow } from 'enzyme'
import Adapter from 'enzyme-adapter-react-16'
import TodoForm from './TodoForm'

describe('TodoForm Component', () => {

    beforeAll(() => {
        Enzyme.configure({ adapter: new Adapter() })
    })

lomse

const path = require('path')

const config = {
    context: __dirname,
    entry: './src/index.jsx',
    devtool: 'cheap-eval-source-map',
    output: {
        path: path.join(__dirname, 'public/js'),
        filename: 'bundle.js'
    },

lomse

import React from 'react'
import styled from 'styled-components'
import TodoList from './TodoList'
import TodoForm from './TodoForm'

const Container = styled.div`
    width: 250px;
    margin: 10px auto;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px

lomse

import React from 'react'
import { render } from 'react-dom'
import App from './components/App'

render(<App />, document.getElementById('app'))