diff options
| author | Adrián Oliva <adrian.oliva@cimat.mx> | 2023-05-27 15:48:23 -0600 |
|---|---|---|
| committer | Adrián Oliva <adrian.oliva@cimat.mx> | 2023-05-27 15:48:23 -0600 |
| commit | c1f97240230ada378d77eeb8db726e0d936169c8 (patch) | |
| tree | ec3b573878432099b2aba9adc7cf0116c9b9892b /src/ToDo-UI/ListToDo.jsx | |
| parent | ac4a146682ede7bf661938b78a970d7da8bd868a (diff) | |
| download | ToDo-App-FE-c1f97240230ada378d77eeb8db726e0d936169c8.tar.gz ToDo-App-FE-c1f97240230ada378d77eeb8db726e0d936169c8.zip | |
Can now set a to do as done or undone.
Diffstat (limited to '')
| -rw-r--r-- | src/ToDo-UI/ListToDo.jsx | 17 |
1 files changed, 14 insertions, 3 deletions
diff --git a/src/ToDo-UI/ListToDo.jsx b/src/ToDo-UI/ListToDo.jsx index 74c36de..c777f8f 100644 --- a/src/ToDo-UI/ListToDo.jsx +++ b/src/ToDo-UI/ListToDo.jsx @@ -11,7 +11,12 @@ import { select_current_sorting, } from "../features/todo/reducer"; -import { edit_todo_function, remove_todo_function } from "../api/axios_methods"; +import { + edit_todo_function, + remove_todo_function, + set_done_function, + set_undone_function, +} from "../api/axios_methods"; function sort_table_header(prefix, current_sorting) { if (prefix.toLowerCase().startsWith(current_sorting.substr(0, 3))) { @@ -56,6 +61,9 @@ function list_of_todos(edit_button, delete_button) { dispatch(refresh_filtered_todos()); } + const set_done_api = set_done_function(); + const set_undone_api = set_undone_function(); + // Table contents var table_head = ( <thead> @@ -90,13 +98,16 @@ function list_of_todos(edit_button, delete_button) { checked={item.done} id={"list-todo-done-" + item.id} onChange={(e) => { + e.target.checked + ? set_done_api({ id: item.id }) + : set_undone_api({ id: item.id }); dispatch( change_done({ id: item.id, done: e.target.checked, }) - ), - dispatch(refresh_filtered_todos()); + ); + dispatch(refresh_filtered_todos()); }} ></input> </div> |