;;

src/Reducers/todo.js

@@ -1,13 +1,19 @@
-// import * as types from "../constants/actionTypes";
+import * as types from "../constants/actionTypes";
 
 import data from "../utils/fakeData";
 
 const initState = {
-	list: data
+	list: data,
+	data: {}
 };
 
 export default (state = initState, { type, payload }) => {
 	switch (type) {
+		case types.CHANGE_INPUT_VALUE: {
+			console.log("CHANGE_INPUT_VALUE", payload);
+			return state;
+		}
+
 		default:
 			return state;
 	}

src/actions/todo.js

@@ -1,9 +1,9 @@
-// import * as types from "../constants/actionTypes";
+import * as types from "../constants/actionTypes";
 
-// export const changeInputValue = payload => ({
-// 	type: types.CHANGE_INPUT_VALUE,
-// 	payload
-// });
+export const changeInputValue = payload => ({
+	type: types.CHANGE_INPUT_VALUE,
+	payload
+});
 
 // export const addToList = payload => ({
 // 	type: types.ADD_TO_LIST,

src/constants/actionTypes.js

@@ -1,4 +1,4 @@
-// export const CHANGE_INPUT_VALUE = "CHANGE_INPUT_VALUE";
+export const CHANGE_INPUT_VALUE = "CHANGE_INPUT_VALUE";
 // export const ADD_TO_LIST = "ADD_TO_LIST";
 // export const TOGGLE_EDIT_FIELD = "TOGGLE_EDIT_FIELD";
 // export const CHANGE_LIST_VALUE = "CHANGE_LIST_VALUE";

src/container/App.js

@@ -19,7 +19,7 @@ class App extends Component {
 	openFormHandler = () => this.setState(prevState => ({ openAddForm: !prevState.openAddForm }));
 
 	render() {
-		const { list } = this.props;
+		const { list, changeInputValue } = this.props;
 		const { openAddForm, toggleModal } = this.state;
 		return (
 			<Fragment>
@@ -30,7 +30,7 @@ class App extends Component {
 					</span>
 				</h1>
 				<div className="todo">
-					<List list={list} openEditModal={this.openEditModal} />
+					<List changeInputValue={changeInputValue} list={list} openEditModal={this.openEditModal} />
 
 					{openAddForm && <LoadForm />}
 				</div>