Delete a specific to do with API.

2 files changed, 18 insertions, 3 deletions

diff --git a/src/ToDo-UI/ListToDo.jsx b/src/ToDo-UI/ListToDo.jsx
index 657de44..74c36de 100644
--- a/src/ToDo-UI/ListToDo.jsx
+++ b/src/ToDo-UI/ListToDo.jsx
@@ -11,7 +11,7 @@ import {
     select_current_sorting,
 } from "../features/todo/reducer";
 
-import { edit_todo_function } from "../api/axios_methods";
+import { edit_todo_function, remove_todo_function } from "../api/axios_methods";
 
 function sort_table_header(prefix, current_sorting) {
     if (prefix.toLowerCase().startsWith(current_sorting.substr(0, 3))) {
@@ -148,6 +148,7 @@ export function ListToDos() {
     const [edit_priority, set_edit_priority] = useState("Low");
 
     const edit_todo_api = edit_todo_function();
+    const remove_todo_api = remove_todo_function();
 
     function handle_open_modal(id, text, due_date, done, priority) {
         set_edit_id(id);
@@ -211,8 +212,9 @@ export function ListToDos() {
                 type="button"
                 className="btn btn-outline-dark"
                 onClick={(e) => {
-                    dispatch(remove_todo(item.id)),
-                        dispatch(refresh_filtered_todos());
+                    remove_todo_api({ id: item.id });
+                    dispatch(remove_todo(item.id));
+                    dispatch(refresh_filtered_todos());
                 }}
             >
                 Delete
diff --git a/src/api/axios_methods.js b/src/api/axios_methods.js
index 68f119f..8748cb7 100644
--- a/src/api/axios_methods.js
+++ b/src/api/axios_methods.js
@@ -47,3 +47,16 @@ export function edit_todo_function() {
         }
     };
 }
+
+// removeToDo().
+export function remove_todo_function() {
+    // Remove an existing to do by its id.
+    // DELETE "/todos/{id}"
+    return async (data) => {
+        try {
+            await api.delete(`/todos/${data.id}`);
+        } catch (err) {
+            console.log(err);
+        }
+    };
+}