From 95ea6e2ccdb4a9078efe96f64b34721e4c25fb97 Mon Sep 17 00:00:00 2001
From: Sarah Parker <sarahlparker4@gmail.com>
Date: Wed, 10 Jul 2024 20:15:17 -0400
Subject: [PATCH] added delete functionality

---
 api/src/todos/todos.controller.ts |  4 ++--
 frontend/src/Todo.tsx             | 11 +++++++++++
 2 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/api/src/todos/todos.controller.ts b/api/src/todos/todos.controller.ts
index 0d0c39a..0c9b102 100644
--- a/api/src/todos/todos.controller.ts
+++ b/api/src/todos/todos.controller.ts
@@ -33,8 +33,8 @@ export class TodosController {
     return await this.todoService.update(id, todo);
   }
 
-  @Delete()
-  async delete(@Body() id: number) {
+  @Delete(':id')
+  async delete(@Param('id') id: number) {
     return await this.todoService.delete(id);
   }
 }
diff --git a/frontend/src/Todo.tsx b/frontend/src/Todo.tsx
index f5f9e87..422e7be 100644
--- a/frontend/src/Todo.tsx
+++ b/frontend/src/Todo.tsx
@@ -37,6 +37,14 @@ const Todo = ({ todo, updateTodos }: Props) => {
       });
   };
 
+  const deleteTodo = () => {
+    axios
+      .delete(`http://${hosts}/api/todos/${todo.id}`)
+      .then((response) => {
+        updateTodos(response.data);
+      });
+  }
+
   return (
     <div
       key={todo.id}
@@ -105,6 +113,9 @@ const Todo = ({ todo, updateTodos }: Props) => {
       >
         {complete ? "Mark Incomplete" : "Mark Complete"}
       </button>
+      
+      <button
+        onClick={deleteTodo}>Delete</button>
     </div>
   );
 };