Merge pull request #1 from parkersarahl/delete-feature

added delete functionality
parkersarahl · Jul 11, 2024 · 93cebfe · 93cebfe
2 parents 3199e2a + 95ea6e2
commit 93cebfe
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 2 deletions.
diff --git 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
@@ -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>
   );
 };